基本选择器：
标签(元素)选择器 格式=====>标签名{ 声明的属性}
类-----------选择器 =====>这里有个点（.）+类名称{声明的属性}
id-----------选择器 =====>#+id名称{声明的属性}
并集(群组)选择器 =====>.类名,#id名称,标签名{声明的属性}
通配符-----选择器 =====>*{声明的属性} ----->这个的话会用到所有body中的元素(只要能有效)
层次选择器
子集选择器 格式 =====>父级元素>子集元素 >就是选择某某父级标签下某某子集
后代选择器 =====>父级元素 +空格+子集元素 空格 就是选择某某父级标签下的后代子集
兄弟选择器 =====>某标签 +兄弟标签 + 就是选择某某标签的同一级标签
同级选择器 =====>某标签~同级标签 ~就是选择某某标签的同级标签
伪类选择器
a:link{} =====>设置a标签灭有单击时的样式
a:hover{} =====>设置鼠标移入到a标签时显示的样式
a:active{} =====>设置a标签鼠标单击时显示的样式
a:visited{} =====>设置a标签访问过后显示的样式
伪元素选择器
p::first-line{} =====>设置p标签第一行的样式
p::first-letter{} =====>设置p标签第一行第一个字或字母的样式
p::before{} =====>为p标签内容之前在加入内容
p::after{} =====>为p标签内容之后在加入内容
结构伪类选择器
ul>li:nth-child(1) =====>选择 ul 子集下的第一个 li 标签
ul>li:first-child =====>也是选择 ul 子集下的第一个 li 标签
ul>li:lastchild =====>选择 ul 子集下的最后一个 li 标签
ul>li:nth-child(odd) =====>选择 ul 子集下的奇数 li 标签
ul>li:nth-child(even) =====>选择 ul 子集下的偶数 li 标签
ul>li:not(1) =====>选择 ul 子集下除了第一个 li 标签
如对本文有疑问， 点击进行留言回复！！
我要评论
网友评论