css中那些容易被我們程序猿所忽略的選擇器

作為一個程序猿，我們可能會遇到這樣的問題，假如：有5個li，要求給第三個li設置背景顏色怎么辦？有人會說，用JS啊，循環遍歷出第三個不就行了。但是，用JS解決一個屬于CSS樣式的小問題，不覺得特別麻煩嗎？

再舉一個例子：現有5個input標簽，給屬性為disabled的input設置背景怎么辦？還是用js循環對吧，不過就是太麻煩。如果不用js，那應該怎么辦？那么，今天在就來介紹一下那些容易被我們遺忘的css選擇器：

看了這個表格之后，我們再回過頭來看下，剛剛說的兩個例子：

第一個例子：在5個li中，給第3個li設置指定的背景色

　　li:nth-child(3){background:red} //以背景色紅色為例

　　第二個例子：在5個input中，給屬性為disabled的input設置背景色

　　input:[disabled]{background:red;} // 以背景色紅色為例

　　這樣一來是不是比直接用JS要簡單許多呢？希望對您有所幫助。

轉載于:https://www.cnblogs.com/Lxb98117/p/CSS_Selector.html

總結

以上是生活随笔為你收集整理的css中那些容易被我们程序猿所忽略的选择器的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。