css样式优先级子代后代 css样式优先级排列

css样式有哪几种选择器

标签选择器：选择器的名字代表html页面上的标签 标签选择器，选择的是页面上所有这种类型的标签，所以经常描述“共性”，无法描述某一个元素的“个性”。

十余年的镇江网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。营销型网站建设的优势是能够根据用户设备显示端的尺寸不同，自动调整镇江建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“镇江网站设计”,“镇江网站推广”以来，每个客户项目都认真落实执行。

代表内联样式，如：style=””，权值为1000。代表ID选择器，如：#content，权值为100。代表类，伪类和属性选择器，如.content，权值为10。代表类型(元素)选择器和伪元素选择器，如divp，权值为1。

html标签选择器：定义：以html标签作为选择器 class类选择器：定义：为HTML标签添加class属性，通过类选择器来为具有此class属性的元素设置css样式。

属性选择器：通过元素的属性来选取元素，例如 [type=text] 表示所有 type 属性为 text 的元素。伪类选择器：通过元素的状态或位置来选取元素，例如 ：hover 表示鼠标悬停在元素上时的样式。

在css中一般来讲后代选择器比子代选择器所修饰的范围广对吗?

子选择器的效率更高点。当渲染CSS时，先确定后代。然后往上寻找其祖辈，找到符合的再应用样式。因此，当明确指定子选择器时，只要在DOM树中往上找一层就行了（其实CSS有颗自己的树，这么说是为了方便理解）。

css后代选择器 语法：h1 em {color：red；} 表示的是从h1开始里面包含的所有的em元素变成红色，h1为祖先，其他的em都是后代，即选中后代，不管是儿子还是孙子，只要是都会被选中，为后代选择器。

后代选择器不仅会选择它的孩子，还会选择它的孙子以及孙子的孙子等。子代选择器只会选择它的孩子，不会选择其孙子。HTML5基础，建议你去看看HTML5学堂，决胜前端，HTML5布局之路书籍。

它是所有选择器中作用范围最广的，能匹配页面中所有的元素。常用的结构伪类选择器：target 选择器 可用于选取当前活动的目标元素，然后给它添加相应的样式。

HTML中元素是以父子级、兄弟关系存在的。后代选择器指元素内的元素（不只是子元素，是后代元素，子集，孙子级，所有的。。）。子元素选择器中选择子元素，不包括孙级及以下元素。用于选择紧挨着的同级兄弟元素。

元素选择器(E)元素选择器，是css选择器中最常见而且最基本的选择器，不同的是ID选择器是一个页面中唯一的值，而且相邻，这样我们就可以使用相邻兄弟元素选择器来选择F元素； F，其中F仅仅是E的子元素而以。

CSS入门8-三大特性之层叠特性与优先级

1、结论：同类型选择器（类型一样，即同为元素选择器，类选择器，id选择器或者属性选择器），按style中的先后顺序，后者优先级更高。我们选择正反两种顺序，来看不同选择器之间的比较。首先，四种选择器在一起时，id选择器获胜。

2、权重相同时，CSS遵循就近原则。也就是说靠近元素的样式具有最大的优先级，或者说排在最后的样式优先级最大。CSS定义了一个！important命令，该命令被赋予最大的优先级。

3、优先级（△）！important 行内样式 id class 标签 继承者或 对于比较方法有这样的特点：对于 div ul li {}的权重值是0 ， 0 ， 0 ， 3；.class{} 的 权重是0 ， 0 ， 1 ， 0。

4、CSS 有 非常重要的 三个特性：层叠性、继承性、优先级。相同选择器 给设置 相同的样式，此时一个样式就会 覆盖（层叠） 另一个冲突的样式。层叠主要解决样式冲突的问题 。

5、一：层叠性指的是样式的优先级，当产生冲突时以优先级高的为准。

6、叠层的第三步，也是最后一步，是源码顺序。如果两个声明的来源和优先级相同，其中一个声明在样式表中出现较晚，或者位于页面较晚引入的样式表中，则该声明胜出。

css的优先级顺序是怎样的

1、算法：将每条规则中，选择符对应的数相加后得到的”四位数“，从左到右进行比较，大的优先级越高。看完了上述内容，那我们就来看看css选择器优先级的具体排序。

2、优先级：CSS 样式的优先级是根据选择器的特殊性（Specificity）、样式来源（来源于哪个样式表）和样式的顺序来确定的。

3、首先就是CSS规则的specificity(特殊性)，CSS1有一套关于specificity的计算方式，用一个四位的数字串(CSS2是三位)来表示，最终specificity越高的规则越特殊，在优先级判定时也就越有优势。

4、按优先级：前端优先读取正序。正规规范优先倒序。style= 这样肯定是最优的，但也是最不推荐的。前端标签直接写入。延伸阅读：读取优先，灵活使用，如大量页面，每页面都要设置。工作繁琐，大量写入增加代码量。不利优化。

5、CSS优先级是指CSS样式在浏览器中被解析的 先后顺序 。多重样式（Mutiple Styles）：如果外部样式、内部样式和内联样式同时应用于同一个元素，就是多重样式的使用情况。

6、选择器优先级：通常我们可以将CSS的优先级由高到低分为六组：无条件优先的属性只需要在属性后面使用 ！important 。它会覆盖页面内任何位置定义的元素样式。