首页技术文章正文

子结构元素怎样设置不同于结构元素的样式？【not选择器】

更新时间:2021年04月27日18时21分来源:传智教育浏览次数:

如果对某个结构标签使用样式，但是想排除这个结构元素下面的子结构元素，让子结构元素不使用这个样式，可以使用:not选择器。示例代码如下：

  <title>not选择器的使用</title>

  <style type="text/css">

  body *:not(h3){

  color: orange;

  font-size: 20px;

  font-family: "宋体";

  }

  </style>

运行示例代码效果如图1所示：

:not选择器

图1 not选择器使用效果展示

猜你喜欢：

六大H5常用结构元素【前端技术文章】

上一篇：JavaScript动画和CSS3动画有什么区别？ 下一篇：什么是jQuery？jQuery有哪些优势？

最新资讯