【学习笔记】复合选择器

后代选择器

会选择所有后代,不论a是li的几代后代。例如在下列代码中,ul a {color: red},111和222都会被改为红色。

  <ul>

  <li><a>111</a></li>

  <a>222</a>

  </ul>

 

子选择器



 只会选择第一代直系后代(儿子),而不选择其他后代(孙子或其他)。

 

并集选择器



同时选择多个标签。例如在下列代码中,div, span, p {color: red},111,222,333都会被改为红色。

  <div>111</div>

  <span>222</span>

  <p>333</p>

 

链接伪类选择器



 

注意事项:

  -代码中一定要按照LVHA,即link, visited, hover, active的顺序编写,不能颠倒顺序,否侧样式会失效。

 

posted @ 2023-07-04 14:40  EimC  阅读(13)  评论(0)    收藏  举报