css选择器类型

2020-10-29 14:56:22 浏览数 (2)

1、标签选择器

li{

}

2、类选择器

.leiming{

}

3、ID选择器

#leiming{

}

4、伪类选择器(lvha的顺序不能变)

a:link{

/*未访问状态*/

}

a:visited{

/*已访问状态*/

}

a:hover{

/*鼠标悬停状态*/

}

a:active{

/*激活选定状态(鼠标点击未释放时)*/

}

5、后代选择器/包含选择器(所有子后代元素):用来选定特定元素或元素组的后代。格式:父元素   子元素{    },对于多层祖先后代关系,可以多个空格分开,如id为a、b、c的三个元素,后代选择器可以写成#a #b #c{}。

6、子选择器(直接后代):用“>”进行选择,如#nav>ul>li{}

子选择器(>)与后代选择器(空格)的区别: 

           a、都表示“祖先-后代”的关系

         b、">"必须是“爸爸>儿子”;空格可以是“爸爸儿子”,还可以是“爷爷儿”、“太爷爷儿子”

7、通用选择器

*{

         /*去掉浏览器的四周白带*/

           margin:0px;

           padding:0px;

}

8、群组选择器

#nav,p,td,.headers{

}

9、相邻兄弟选择器:选择 选择器{样式名称:样式值} 10、属性选择器:标签选择器[属性名称=“属性值”]

0 人点赞