Css常用选择器:
选择器 例子 描述
类名选择器 .类名名称 class="类名名称"
id选择器 #id名称 id="id名称"
标签选择器 <标签名> div{}
标签名群组选择器 标签名,标签名 可以同时查找多个标签对象设定样式
标签包含选择器 标签名 标签名 div p :找到div盒子里面所有的p标签
父子标签选择器 父标签>子签名 选中父标签里面所有的子标签
指定标签选择器 标签1+标签2 选中紧接着标签1的标签2
标签属性选择器 标签名[标签属性名] 选中带有该指定属性名的标签
标签属性值选择器 标签名[标签属性名=属性值] 选中带有该指定属性名及属性值标签
标签属性值包含选择器 标签名[标签属性名~=值] 选中带有该属性名包含属性值的标签
标签属性值匹配选择器 标签名[标签属性名|=值] 选中带有该属性名匹配(开头)属性值选择标签
输入框焦点选择器 输入框:focus 选择获取焦点的输入框
首字母选择器 元素对象:first-letter 选择元素首字母
首行选择器 元素对象:first-line 选择元素首行
字元素选择器 子元素:first-child 选择父元素里面的子元素
元素前插入选择器 元素:before 在元素前面添加内容
元素后插入选择器 元素:after 在元素后面添加内容
超链接常用选择器:
:link{} —— 超链接默认访问选择器,不建议使用 可直接通过标签选择器替代
:visited{} —— 超链接访问过后选择器
:hover{} —— 超链接鼠标触发选择器
:active{} —— 超链接鼠标点击选择器