我们在使用CSS对网页元素定义样式时经常会遇到这种情况：要对一般元素应用一般样式，然后在更特殊的元素上覆盖它们。那么我们怎么样来保证我们所新定义的元素样式能覆盖目标元素上原有的样式呢？ 在CSS中，会根据选择器的特殊性来决定所定义的样式规则的次序，具有更特殊选择器的规则优先于具有一般选择器的规则 ...

作者:WangMin 格言:努力做好自己喜欢的每一件事 在讲CSS 选择器权重计算与优先级之前，我们先来了解一下CSS是用来干什么的？CSS是用来通过添加样式使网页更加美观，也就是说CSS是利用选择器来美化网页的，使用户可以在网页上更清晰地找到自己需要的东西。 CSS添加样式的方式 ...

一、常见CSS选择器 【元素选择器】 1、通配选择器：*（匹配所有元素） a、效率不高，页面上的标签越多，效率越低，所以页面上最好不要出现这个选择器 2、标签选择器：li（匹配标签为li的元素） a、所有标签都能够当做选择器，比如body、h1、dl、ul ...

CSS 选择器（Selector）的权重（Specificity）决定了对于同一元素，到底哪一条 CSS 规则会生效。且仅有当多条 CSS 规则都对同一元素声明了相应样式时，才会涉及到权重计算的问题。 选择器的分类 正式计算选择器权重之前，先来看选择器是如何被分类 ...

一、选择器类型 　　1、ID　　#id 　　2、class　　.class 　　3、标签　　p 　　4、通用　　* 　　5、属性　　[type="text"] 　　6、伪类　　：hover 　　7、伪元素　　::first-line 　　8、子选择器、相邻选择器 二、权重计算规则 ...

　　其实，CSS有自己的优先级计算公式，而不仅仅是行间>内部>外部样式；ID>class>元素。 一、样式类型 　　1、行间 　　2、内联 　　3、外部 二、选择器类型 　　1、ID　　#id ...

## 5.3 CSS优先级（重点） src="media/22%E4%BC%98%E5%85%88%E7%BA%A7.png"> - 概念： 定义CSS样式时，经常出现两个或更多规则应用在同一元素上，此时， * 选择器相同，则执行层叠性 * 选择器不同，就会 ...

css选择器: 权重 尽量避免使用!important 覆盖!important ...