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