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
/* 带加号+ */