首頁技術文章正文

子結構元素怎樣設置不同于結構元素的樣式？

更新時間: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布局規(guī)則介紹，哪些元素會生成 BFC？    

Web前端培訓：CSS如何實現元素水平垂直都居中?

黑馬程序員web前端培訓

分享到：
在線咨詢 我要報名
和我們在線交談！