cssnot選擇器是什麼?not()選擇器詳解
- 云罗郡主原創
- 2018-11-19 10:27:415500瀏覽
這篇文章帶給大家的內容是關於cssnot選擇器是什麼?not()選擇器詳解，有一定的參考價值，有需要的朋友可以參考一下，希望對你有所幫助。
not()選擇器
在CSS3中，:not()選擇器中主要用於選取某個元素以外的所有元素。這是very very實用的一個選擇器。
範例：
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CSS3 :not()选择器</title>
<style type="text/css">
*{padding:0;margin:0;}
ul{list-style-type:none;}
ul li:not(.first)
{
color:red;
}
</style>
</head>
<body>
<ul>
<li class="first">php中文网</li>
<li>php中文网</li>
<li>php中文网</li>
<li>php中文网</li>
</ul>
</body>
</html>效果如下：
#分析：
對於「ul li:not（。first )」這個選擇器，我們分2步驟來看，其中括號內的「。first」表示選擇class值為first的元素（即第1個li元素），因此「ul li:not（。first）」表示選擇ul元素下除了第1個li元素的其他所有li元素。
假如沒有：not（）選擇器，我們要實現如上效果也是非常費事的一件事情，冗餘程式碼多。其實：not（）選擇器的使用想法跟數學上補集的想法類似。 ：not（）選擇器在實際開發上非常實用，也比較靈活。
以上就是對cssnot選擇器是什麼?not()選擇器詳解的全部介紹，如果您想了解更多有關CSS3教程，請關注PHP中文網。
以上是cssnot選擇器是什麼?not()選擇器詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn