图解CSS3----5-否定伪类选择器
生活随笔
收集整理的這篇文章主要介紹了
图解CSS3----5-否定伪类选择器
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
?效果：
代碼：
<!DOCTYPE html> <html> <head> <meta charset="utf-8"><title>否定偽類選擇器</title><style type="text/css">.container{margin: 100px;}.container input:not([type=text]){color: red;}</style> </head> <body><div class="container"><input type="text" name="" placeholder="請輸入賬號"><input type="reset" name="" value="重置"><input type="submit" name="" value="提交"></div> </body> </html>
轉載于:https://www.cnblogs.com/SunlikeLWL/p/7226807.html
總結
以上是生活随笔為你收集整理的图解CSS3----5-否定伪类选择器的全部內容，希望文章能夠幫你解決所遇到的問題。
- 上一篇： ubuntu16.04下安装emacs
- 下一篇： CSS实例：图片导航块