标签选择器
类选择器
id选择器
后代选择器
交集选择器
伪类选择器 :before :after :hover :focus(聚焦选择器,获得焦点) :active(被激活)
并集选择器
通配符选择器
相邻兄弟选择器 div+p 效果只作用于后面一个
子选择器 div>p
通用兄弟选择器 .one~p{color:red;} 除了第一个剩余其他的标签内容受属性影响。
序选择器 li:nth-of-type(2){ } (同级同类开始计数)
p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。(同级开始计数)要求严格
否定选择器 p:not(.one)在p标签中 选择非.one元素的每个元素
空选择器 p:empty() 只能选到没有内容的p标签。
类选择器
id选择器
后代选择器
交集选择器
伪类选择器 :before :after :hover :focus(聚焦选择器,获得焦点) :active(被激活)
并集选择器
通配符选择器
相邻兄弟选择器 div+p 效果只作用于后面一个
子选择器 div>p
通用兄弟选择器 .one~p{color:red;} 除了第一个剩余其他的标签内容受属性影响。
序选择器 li:nth-of-type(2){ } (同级同类开始计数)
p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。(同级开始计数)要求严格
否定选择器 p:not(.one)在p标签中 选择非.one元素的每个元素
空选择器 p:empty() 只能选到没有内容的p标签。