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

如果對某個(gè)結(jié)構(gòu)標(biāo)簽使用樣式，但是想排除這個(gè)結(jié)構(gòu)元素下面的子結(jié)構(gòu)元素，讓子結(jié)構(gòu)元素不使用這個(gè)樣式，可以使用:not選擇器。示例代碼如下：

  <title>not選擇器的使用</title>

  <style type="text/css">

  body *:not(h3){

  color: orange;

  font-size: 20px;

  font-family: "宋體";

  }

  </style>

運(yùn)行示例代碼效果如圖1所示：

圖1 not選擇器使用效果展示

猜你喜歡：

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

jQuery修改元素樣式的代碼演示

BFC布局規(guī)則介紹，哪些元素會(huì)生成 BFC？    

Web前端培訓(xùn)：CSS如何實(shí)現(xiàn)元素水平垂直都居中?

黑馬程序員web前端培訓(xùn)