css选择器

css选择器

一、基本选择器

　　　　　　*（通配符选择器），id,class,ele（元素选择器），属性选择器

二、组合选择器

　　　　　　子代选择器（>）,后代选择器（空格隔开），相邻兄弟选择器（+），通用兄弟选择器（~）

三、伪类选择器

　　　　　　a的伪类：LVHA(:link :visted :hover :active)

　　　　　　input的伪类：

　　　　　　　　：checked :disabled  :enabled :focus  :required  :readonly :default

　　　　　　css3新增伪类：

　　　　　　　　nth-child()即结构伪类

　　　　　　　　:not(:first-child)即否定伪类

　　　　　　另外：

　　　　　　　　：empty ：target

四、伪元素选择器

　　　　　　::before  ::after  ::first-letter  ::first-line  ::placeholder

　　　　　　补充：

　　　　　　　　　　1）::placeholder选择一个表单元素的占位文本，允许自定义占位文本的样式 ，但有兼容性

　　　　　　　　　　用法：   ::placeholder{color:#f00}

　　　　　　　　　   2） ::before    

　　　　　　　　　　　　eg:<p>段落</p>

　　　　　　　　　　　　p::before{

　　　　　　　　　　　　　　content:"aaa",

　　　　　　　　　　　　　　color:‘#f00‘

　　　　　　　　　　　　}

　　　　　　　　　　结果：aa段落

　　　　　　　　　　::before{content:‘‘,display:table}可用于解决外边距溢出

　　　　　　　　  3）::after清除浮动

　　　　　　　　　　::after{

　　　　　　　　　　　　content:‘‘

,　　　　　　　　　　　  display:‘block‘,

　　　　　　　　　　　　clear:both

　　　　　　　　　　}

 css选择器优先级：

　　　　　　!important > 行内样式>ID选择器 > 类选择器 > 标签 > 通配符 > 继承 > 浏览器默认属性

css选择器

原文：https://www.cnblogs.com/szzlily/p/9814924.html