negative selector

:not is a negative selector, which can filter out elements that do not want to be matched. The code example is as follows:

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

Next Section

new file

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

submit Reset Code

Automatic operation

Full Screen