否定选择器

: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>

提交重置代码

自动运行

全屏