html – 应用哪种顺序是CSS样式?

前端之家收集整理的这篇文章主要介绍了html – 应用哪种顺序是CSS样式?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我有以下 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;
}

猜你在找的HTML相关文章