css實現匹配具有指定屬性的元素
本章節分享一段程式碼例項,它實現了匹配具有指定屬性的元素效果。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> #items{ width:900px; height:auto; margin:0 auto; padding:5px 0; clear:both; } #items ul, #items li{ list-style:none; } #items li{ width:500px; height:28px; text-align:left; padding-left: 0px; line-height:28px; border-bottom:dashed 1px #CCC; cursor:pointer; } #items li[title]{ color:green; } </style> </head> <body> <div id="items"> <ul> <li>螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來</li> <li>沒有任何人一開始就是高手,必須要好好學習</li> <li title="antzone">本站的url地址是softwhy.com</li> <li>每一天都是新的,所以要好好真心當前時間</li> <li>div css教程裡面有大量詳實的程式碼</li> </ul> </div> </body> </html>
上面的程式碼可以將具有title屬性的li元素的字型顏色設定為綠色。
屬性選擇器可以參閱CSS E[att]一章節。
相關文章
- css匹配具有指定屬性值的元素CSS
- jQuery 隱藏具有指定class屬性值的元素jQuery
- jQuery如何判斷元素是否具有指定的屬性jQuery
- jquery隱藏具有指定class屬性值的元素jQuery
- javascript如何判斷元素是否具有指定屬性JavaScript
- javascript如何判斷指定型別元素是否具有指定屬性JavaScript型別
- CSS 匹配指定name元素CSS
- javascript如何獲取具有指定class屬性的元素物件JavaScript物件
- css匹配指定索引的li元素CSS索引
- css匹配type屬性值為text的input元素CSS
- css匹配指定元素的子元素程式碼例項CSS
- css設定具有指定type屬性值的input文字框的樣式CSS
- jquery通過name屬性匹配元素jQuery
- JavaScript判斷元素是否具有required屬性JavaScriptUI
- css匹配指定行li元素程式碼例項CSS
- CSS匹配指定li元素並設定樣式CSS
- jQuery獲取id屬性值具有點的元素jQuery
- jQuery根據多個屬性匹配元素jQuery
- jQuery匹配具有指定字元的選擇器jQuery字元
- css3中的zoom屬性以及jquery中css()方法操作元素的屬性CSSS3OOMjQuery
- jquery匹配具有指定字元的選擇器功能jQuery字元
- jQuery刪除具有指定文字的li元素jQuery
- jquery獲取具有指定內容的元素jQuery
- jQuery如何篩選具有指定文字的元素jQuery
- 正規表示式查詢具有指定屬性值的html標籤HTML
- 【資料】Arraylist中根據指定元素屬性排序排序
- javascript實現的設定和獲取元素屬性JavaScript
- jquery實現的獲取指定元素指定型別元素數目jQuery型別
- 如何判斷元素具有指定的樣式類
- jQuery如何判斷指定元素是否具有指定的class樣式類jQuery
- jQuery匹配指定type型別input元素jQuery型別
- 純CSS3屬性animation實現的打字效果CSSS3
- jQuery使用css()方法設定元素的display屬性值jQueryCSS
- javascript刪除具有指定文字內容的li元素JavaScript
- jQuery實現的具有淡出效果的元素刪除jQuery
- 利用jquery實現的向指定元素追加指定內容jQuery
- 在一個元素上:hover,改變另一個元素的css屬性CSS
- css的屬性CSS