首頁 > web前端 > 前端問答 > css樣式not怎麼設定

css樣式not怎麼設定

藏色散人
發布: 2023-01-04 09:35:13
原創
2379 人瀏覽過

css樣式not的設定方法:首先新建一個html檔案;然後使用li標籤建立一個列表,並設定第二個li標籤的class為mycss;最後在css標籤內,透過li標籤名稱和“:not”選擇器選擇class不為mycss的li元素即可。

css樣式not怎麼設定

本文操作環境:windows7系統、HTML5&&CSS3版、Dell G3電腦。

css中使用":not"選擇器定義樣式

新建一個html文件,命名為test.html,用於講解css中如何使用":not "選擇器定義樣式。

css樣式not怎麼設定

在test.html檔案內,使用li標籤建立一個列表,用於測試。

css樣式not怎麼設定

在test.html檔案內,設定第二個li標籤的class為mycss。

css樣式not怎麼設定

在css標籤內,透過li標籤名稱和「:not」選擇器選擇class不為mycss的li元素。

css樣式not怎麼設定

在css標籤內,再使用color屬性設定符合選擇器條件的li元素的文字顏色為紅色。

css樣式not怎麼設定

在瀏覽器中開啟test.html文件,查看實現的效果。

css樣式not怎麼設定

【推薦學習:css影片教學

以上是css樣式not怎麼設定的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
css
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板