客户端选择器的相关学习

 

基本选择器：

标签(元素)选择器    格式=====>标签名{ 声明的属性}

类-----------选择器           =====>这里有个点（.）+类名称{声明的属性}

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  标签