CSS标签选择器优先级

ID：40527114

大小：15.94 KB

页数：7页

时间：2019-08-04

资源描述：

《CSS标签选择器优先级》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、CSS优先级的四大原则原则一：继承不如指定如果某样式是继承来的永远不如具体指定的优先级高。例子1：CODE:我是多大字号？运行结果：.class3{font-size:12px;}例子2：CODE:我是多大字号？运行结果：#id3{font-size:25px;}原则三：包含越具体越强大。解释：当对某个元素的CSS选择符样式定义的越具体，层级越明确，该定义的优先级就越高。CODE:

4、class="class1">我是多大字号？

运行结果：.class1.class2.class3{font-size:25px;}原则四：标签#id>#id;标签.class>.class上面这条原则大家应该也都知道，看例子CODE:我是多大字号？我是多大字号？运行结果：span#id3{font-size:18px}

6、span.class3{font-size:18px}很多人会有这样的疑问，为什么不把这个原则四归入原则一形成：【标签#ID>#ID>标签.class>.class>标签选择符>通配符】呢？或者将“标签.class”看作多更为具体的“.class”从而归入原则二呢？后面我将解答各位的疑惑，这就涉及到CSS的解析规律------

7、---这四大原则间也是有优先级的，是不是有些糊涂了？别急，继续看。四大原则的权重相信很多人都知道上面的四大原则，不要以为知道了这四大原则就能分辨css中那条代码是起作用的，不信？那你5秒内能肯定的知道下面这段代码，测试中的文字的字号吗？CODE:我是多大字号？

为了大家方便阅读，我去掉了一些代码。四大原则的权重就是:原则一>原则二>原则三>原则四解释：首先遵循原则一有指定开始使用下面的原则，无指定则继承离他最近的定义。然后开始原则二1、比较最高优先级的选择符例子：CODE: