CSS基本选择器及优先级顺序

       CSS选择器是编写CSS代码时的一个核心概念,我们在设计网页页面时,使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。而HTML页面中的元素就是通过CSS选择器进行控制的,以下是自己在学习及工作过程中对CSS选择器的一些总结.

CSS基本选择器

一、标签选择器

       body,div,p,ul,li...

二、类选择器

       class="p1"
       class="p2"

三、ID选择器

       id="name",id="name_t"

四、全局选择器

       *

五、后代选择器

       #head .nav ul li
        /* 从父元素到子孙元素的选择器 */

六、群组选择器

       div,span,img {color:blue}
       /*即具有相同样式的标签分组显示*/

七、继承选择器

       div p
       /*两选择器用空格键分开*/

八、子选择器

       div>p
       /* 带大于号>*/

九、 相邻兄弟选择器

       h1+p
       /*  带加号+ */

CSS选择器优先级顺序

行内样式1000(例如<p class="style"></p>) > ID选择器100(#)  >  Class选择器10(.)  >  类型选择器1(p/div)  >  通配符0(*)  >  自带样式 >  继承


版权声明:本文为weixin_46446158原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
THE END
< <上一篇
下一篇>>