Question

我很擅长使用CSS，并且一直致力于一些WordPress模板项目。我觉得这是一个非常简单的问题，但是我无法找到文档或以前的问题来回答它，如果他们在那里我会道歉！

我尝试做的是格式化sed -E -i 's/(set_input.*)\<clk\>/\1clk_new/g' abc.tcl并以特定方式链接该列表中的链接。 <ul>来自＆＃34; Pages＆＃34; WordPress中的小部件，并且生活在

中

<ul>

位于

<aside id="pages-2" class="widget widget_pages">

在我的样式表中，我添加了这些内容：

<div id="secondary" class="widget-area" role="complementary">

但是，元素仍然采用.widget-area ul { list-style-type: none; } .widget-area a { color: black; } .widget-area a:visited { color: red; } .widget-area a:hover, .widget-area a:focus, .widget-area a:active { color: midnightblue; }和ul元素的样式设置样式，而没有a的特异性。我在这些方面取得了成功：

.widget-area

非常感谢任何帮助！

该网站位于：http://ccarrollmusic.com/

Answer 1

使用CSS可能会出现一些原因，

您的更改可能会被具有!important属性的元素上的类或ID样式覆盖。
您的文件可以在首先设置这些样式的Wordpress CSS文件之前加载
我猜最有可能的是有一条更具体的规则正在接管。

最好做以下事情：

#secondary .widget-area ul li a:hover,
#secondary .widget-area ul li a:focus,
#secondary .widget-area ul li a:active {
    color: midnightblue;
}

Answer 2

您可以使用旁边的id作为其“直接父级”来成功定位相关小部件中的ul：

aside#pages-2 ul li a {
    color: pink;
}

Answer 3

我实际上只是通过简单地使用.widget-area ul就可以解决这个问题，但是我在样式表中将其移动了，以便在我.widget-area之后直接显示它并且似乎已经完成了特技。早些时候，在.page_item和.widget-area之间提到了.widget-area ul。风格声明和特殊性的顺序是否重要？因为我认为这不重要，所以我没有将其包含在原始问题中，对此感到抱歉！

CSS中的选择器问题

3 个答案: