我有以下
HTML.
<ul> <li> <a>asdas</a> </li> </ul>
在我的CSS样式表中,我有一个标签的一般设置,以及ul li a的几个后备行设置.
喜欢这个:
a:link { color: red; } ... ul li a { color:blue; }
Firebug告诉我,第一个颜色:蓝色被加载,然后被颜色覆盖:红色
到目前为止,我一直以为,加载css文件的顺序和单个css文件中的样式顺序告诉浏览器应该如何格式化html元素.不幸的是,我现在正在经历反过来.
所以告诉我,我该如何纠正我的风格来实现李内的一个标签,使其变成蓝色而不是红色?
解决方法
应用样式根据哪个样式最为特定于元素,然后以具有相同特征的规则的文本顺序.更多这里
in the spec.因为a:链接比ul li a更具体,这种风格无论放置是什么样的胜利.
So tell me,how must I correct my style to achieve the a tag inside the li to be rendered blue and not red?
使蓝色规则至少与红色规则相同.在这种情况下,您可以添加:链接到它:
ul li a:link { color:blue; }