首頁技術(shù)文章正文

子結(jié)構(gòu)元素怎樣設(shè)置不同于結(jié)構(gòu)元素的樣式？

更新時間:2021-04-27 來源:黑馬程序員 瀏覽量:

1577370495235_學IT就到黑馬程序員.gif

如果對某個結(jié)構(gòu)標簽使用樣式，但是想排除這個結(jié)構(gòu)元素下面的子結(jié)構(gòu)元素，讓子結(jié)構(gòu)元素不使用這個樣式，可以使用: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如何實現(xiàn)元素水平垂直都居中?

黑馬程序員web前端培訓

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