首页技术文章正文

子结构元素怎样设置不同于结构元素的样式?

更新时间:2021-04-27 来源:黑马程序员 浏览量:

1577370495235_学IT就到黑马程序员.gif

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

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

  <style type="text/css">

  body *:not(h3){

  color: orange;

  font-size: 20px;

  font-family: "宋体";

  }

  </style>


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

:not选择器

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







猜你喜欢:

H5中article元素的作用是什么?

jQuery修改元素样式的代码演示

BFC布局规则介绍,哪些元素会生成 BFC?    

Web前端培训:CSS如何实现元素水平垂直都居中?

黑马程序员web前端培训

分享到:
在线咨询 我要报名
和我们在线交谈!