CSS选择器的优先级的相关介绍

css选择器的优先级

使用不同的选择器，选中同一个元素并且设样式的时候，

这样样式就会产生冲突，最终到底采用哪一个选择器定义的样式，由选择器的优先级（权重）决定，优先级高的优先显示

优先级规则（权重值）

内联样式：1000
id选择器：100
类和伪类选择器：10
元素选择器：1
通配选择器：0
继承的样式：没有优先级

当选择器中包含多种选择器的时候，需要将我们的选择器的优先级加在一起进行计算比较，但是注意，选择器的优先级不会超过他的最大数量级，如果选择器的优先级一样，则使用靠后的样式

注意：并集选择器的优先级是单独计算

可以在样式的后面添加一个 ！important，则此时该样式将会获得一个最高的优先级，将会优先于所有的样式显示甚至超过内联样式，但是在开发中尽量避免使用

样式的继承

利用继承，可以将一些基本的样式设置给祖先元素，这样所有的后代将会被自动继承这些样式
并不是所有的样式都会被子元素所继承，比如：背景颜色（背景相关的样式都不会被继承，边框相关的样式，定位相关的）

伪类的顺序

涉及到a的伪类一共有四个：

：link （L）
：visited (V)
：hover (H)
：active (A)

而这四个选择器的优先级是一样的，不过会有一个书写顺序（爱恨原则 LOVE HATE)

CSS选择器的优先级的相关介绍相关推荐

详解CSS选择器、优先级与匹配原理
选择器种类严格来讲,选择器的种类可以分为三种:标签名选择器.类选择器和ID选择器.而所谓的后代选择器和群组选择器只不过是对前三种选择器的扩展应用.而在标签内写入style=""的 ...
【CSS笔记】CSS选择器的优先级（权重）
目录 1.1.选择器的优先级 1.2.CSS选择器权重 1.1.选择器的优先级 CSS选择器的优先级顺序如下所示: 内联样式(style) > id选择器 > class选择器 > ...
CSS选择器的优先级是怎样的？
CSS选择器的优先级是:内联 > ID选择器 > 类选择器 > 标签选择器到具体的计算层面,优先级是由 A .B.C.D 的值来决定的,其中它们的值计算规则如下: A 的值等于 1 ...
CSS选择器及其优先级排序
一. CSS选择器分类 CSS选择器如下: CSS的选择器其实大类的话可以分为三类,即id选择器.class选择器.标签选择器. 用法如下: id选择器: #id名 { 属性名:属性值; } clas ...
css选择器的优先级
1. 引言选择器类型过多将导致一些问题,是什么问题呢?咱们直接举例子说明. 上图中,css中的两个选择器都是针对<span>的,而且两个设置的颜色不一样,这里的<span>到 ...
[转]《精通css》笔记1：css选择器与优先级
本文转自:http://www.cnblogs.com/webmoon/archive/2012/12/02/2798183.html css选择器一.基础选择器 css基础选择器有标签选择器.类选 ...
css选择器的优先级和权重问题
CSS选择器的种类: 1.id选择器如:(id="name",id="name_txt)(*name) 2.class选择器(如:class="head&quo ...
一张图搞定CSS选择器的优先级
0 总览如果发生CSS的冲突问题, 即A样式与B样式冲突 1 首先比较CSS样式的来源不同的来源有不同的优先级如果来源相同, 即同源时, 则进入下一阶段2 比较是否为内联样式如果A样式与B样式同源, ...
CSS——选择器及优先级
一.CSS选择器的种类标签选择器:div 类选择器:.container id选择器:#child1 后代选择器:.container div,表示container类里面的所有div标签子选择器 ...