Question

我正在使用WordPress上的繁荣主题开发一个网站。我正在尝试更改博客页面上的悬停颜色，因为它与其他页面的构建方式不同。

目前，在悬停时，它会从黑色变为白色，这不是我想要实现的目标。

我在网上搜索了一些文章和代码片段，这些文章和代码片段让我尝试了这个

header nav ul li a : hover {
    font-family: 'Open Sans', sans-serif;
    color: #000;
    display: block;
    font-weight: lighter;
    font-size: 14px;
    text-transform: capitalize;
    position: relative;
}

header nav > ul.menu > li > a : hover {
    color: #373737;
    font-weight: lighter;
}

我已将: hover应用于导航元素以尝试更改悬停时的颜色，但它无法正常工作。

我在这里做错了吗？该网站位于

http://stefanjames.com/blog/

Answer 1

您需要删除CSS中伪类:选择器周围的空格，以便它显示为：

header nav > ul.menu > li > a:hover

Answer 2

你的语法并不完美。 :和伪选择器属性之间不应有空格。

header nav > ul.menu > li > a : hover

应该成为

header nav > ul.menu > li > a:hover

我查看了该网站，您需要将以下内容添加到您的CSS文件中：

header nav > ul.menu > li > a:hover {
  color: #373737;
  font-weight: lighter;
}

Answer 3

override func viewDidAppear(_ animated: Bool) {
    super.viewDidAppear(animated)
    let textAttributes = [NSAttributedString.Key.foregroundColor:UIColor.white]
    navigationController?.navigationBar.titleTextAttributes = textAttributes
}

override func viewWillDisappear(_ animated: Bool) {
    super.viewWillDisappear(animated)
    let textAttributes = [NSAttributedString.Key.foregroundColor:UIColor.black]
    navigationController?.navigationBar.titleTextAttributes = textAttributes
}

如何在悬停时更改WordPress导航的颜色

3 个答案: