css 样式是表现,是网页的外衣,比如颜色,字体大小等,所有改变内容外观的东西称为表现
一,
ID 选择器,例如标签<P id='p'></P>,(id 的值是唯一的,不能重复,id 是给js用的,id上行为)
class 类选择器。例如标签<P class='p'></P>,(class 的值可以多个,class是上样式的)
P 标签选择器 例如表签 <h1></h1>
div+P 兄弟选择器 例如 <div></div><P></P> 选择div后面的P标签
div>P 后代选择器 <div><P></P></div> 选择div的子类p 标签
nth-child(n+1) 可以称为前面奇偶选择器(n可是任何数)p:nth-child(n+1) 意思是选择p标签的父标签里面的第几个P标签(正向)(n是从父类里面的第一个子元素开始)
nth-last-child(n+1)可以称为后面奇偶选择器(n可是任何数)p:nth-child(n+1) 意思是选择p标签的父标签里面的第几个P标签(反向)(n是从父类里面的倒数第一个子元素开始)
nth-of-type(n+1),nth-last-of-type(n+1)原理是跟nth-child(n+1) nth-last-child(n+1)一样的,只是针对标签本身(n开始数的是从第0个针对的标签开始数)
first-child 第一个子类选择器例如p:first-child 如果第一个不是p标签不行
only-child 仅有的一个子类选择器例如p:only-child
first-of-type 选择父类里面的第一个针对性标签例如p:first-of-type
last-of-type 选择父类里面的 倒数第一个针对性标签例如p:first-of-type
before 伪类选择器 在什么标签前添加文字等
伪勒还有很多比如link,visited,active,hover 等等
网友评论