否定選擇器

:not是否定選擇器，它可以過濾掉不想被匹配的元素，程式碼實例如下:

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.php.cn/" />
<title>php中文网</title>
<style type="text/css">
ul li{}
input:not(:disabled){
  color:green;
}
</style>
</head>
<body>
<ul>
  <li><input type="text" value="php中文网"/></li>
  <li><input type="text" disabled value="php中文网"/></li>
</ul>
</body>
</html>

新建檔案

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.php.cn/" />

<title>php中文网</title>

<style type="text/css">

ul li{}

input:not(:disabled){

 color:green;

}

</style>

</head>

<body>

<ul>

 <li><input type="text" value="php中文网"/></li>

 <li><input type="text" disabled value="php中文网"/></li>

</ul>
</body>
</html>

提交重置程式碼

自動運行

全螢幕