常用伪类选择器 :not :nth-child()

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档

文章目录

• 前言
• 一、pandas是什么？
• 二、使用步骤
  • 1.引入库
  • 2.读入数据
• 总结

---

前言

提示：这里可以添加本文要记录的大概内容：

例如：项目开发中，作为前端必不可少的开发内容----CSS，其实也很重要。开发中经常会因为一些样式而浪费很多时间，也会因为不扎实的基础设计出冗余复杂的样式。

---

提示：以下是本篇文章正文内容，下面案例可供参考

一、CSS是什么？

CSS全名叫做层叠样式表

二、伪类选择器

1.：not()  过滤不想加样式的选择器

使用方式：

<p class="selector">
   111111
</p>
<p></p>


<style scoped lang="Less">
// not(括号里面可以写很多选择器，以逗号分隔)

 p :not(.selector){

     // 对p标签设计样式，除了类名是selector的
   }
</style>

2.:nth-child() 选择父元素下的兄弟元素

<ul>
   <li class="h">1</li>
   <li>2</li>
   <li>3</li>
</ul>

<style scoped lang="less">
ul>li:nth-child(odd of .h){
  // ul标签下的li标签，其中对类名是h的li标签设置样式
}
</style>

3.:nth-child() 和 :not()可以混合使用

知道语法，理解语义，混合使用，在父级有多个子级元素的时候（以ul>li为示例）

总结

本文介绍了两个伪类选择器的使用，后续会继续更新更多使用场景。