css选择器

css选择器

    
    


p1
p2
p3

  
p4
  
p5
  
p6

1基本选择器（重点）

id #

class .

h1{}

优先级 id》class》标签

2层次选择器

2.1后代选择器

body p{
background:green;
}
/*body 后所有的p标签*/

2.2子选择器

body>p{
background:green;
}
/*body后的p标签（一层 儿子）*/

2.3相邻弟选择器

.c1 + p{
    css样式
}
/*class为c1下的p标签  只有一个并且必须相邻*/

2.4通用选择器

.c1~p{

}
/*通用兄弟选择器，当前元素的向下的所有兄弟元素*/

3结构伪类选择器

ul li:first-child{

}

/*ul的第一个子元素*/

ul li:last-child{
    
}
/*ul的最后一个子元素*/

4属性选择器（重点）

    
    
  



a1
a2
a3
a4
a5
a6
a7
a8
a9