否定选择器

:not是否定选择器,它可以过滤掉不想被匹配的元素,代码实例如下:  

<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="//m.sbmmt.com/" />
<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="//m.sbmmt.com/" /> <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>
提交重置代码
章节
笔记
提问
课件
反馈
捐赠

CSS3从入门到精通教程

  • 推荐课程
  • 评论
  • 问答
  • 笔记
  • 课件下载
一辆想出轨的无轨电车

一辆想出轨的无轨电车

我觉得我不会用到。。

5年前    添加回复 0

回复
学习ing

学习ing

过滤掉不想被匹配的元素

5年前    添加回复 0

回复
我又来了

我又来了

第一次看到这种效果,长见识了

5年前    添加回复 0

回复
男神

男神

这个选择器,还真没有用过,好好看看了

5年前    添加回复 0

回复
大神,求带!

大神,求带!

不想加样式用这个

5年前    添加回复 0

回复
橱窗的光

橱窗的光

<style type="text/css"> ul li{} input:not(:disabled){ color:green; } </style>

4年前 0

课件暂不提供下载,工作人员正在整理中,后期请多关注该课程~