HTML选择器

伪类选择器

：hover  当鼠标悬停在元素上时。

：active 鼠标按下时。

 :link 超链接，链接未访问过得样式。

：visited 超链接，链接被访问过得样式。

伪元素选择器

::befores         content：‘ ’;      元素前

::after              content：‘ ’;      元素后

如

a::after {
  content: "";}

 ::befores和::after的优缺点  

• 优点

  • 减少dom节点数
  • 让css帮助解决部分js问题，让问题变得简单

• 缺点

  • 不利于SEO
  • 无法审查元素，不利于调试

 :before和:after常见使用场景

    清除浮动

选择器的组合

1. 并且 span.good 表示选中span元素并且带有class属性为good
2. 后代    ------ 空格
3. 子代    ------ >
4. 相邻的兄弟元素    ------ +
5. 所有元素    ------ ~

选择器并列

------ ,