CSS 獲取所有緊鄰兄弟元素
本章節分享一段程式碼例項,獲取指定元素後面所有的指定型別兄弟元素的功能。
獲取緊鄰的兄弟元素可以參閱CSS 緊鄰兄弟元素一章節。
程式碼例項如下:
[HTML] 純文字檢視 複製程式碼執行程式碼<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <style type="text/css"> ul li{ height:28px; line-height:28px; list-style:none; border-bottom:dashed 1px #CCC; cursor:pointer; } .ant ~ li{ color:red; } </style> </head> <body> <ul> <li>螞蟻部落歡迎您,只有努力奮鬥才會有美好的未來</li> <li class="ant">沒有任何人一開始就是高手,必須要好好學習</li> <li>本站的url地址是softwhy.com</li> <li>每一天都是新的,所以要好好真心當前時間</li> <li>div css教程裡面有大量詳實的程式碼</li> </ul> </body> </html>
將class屬性值為"ant"元素後面的li元素字型顏色設定為紅色,具體參閱CSS E~F 兄弟選擇器一章節。
相關文章
- CSS 緊鄰下一個兄弟元素CSS
- jQuery獲取所有兄弟元素jQuery
- jQuery獲取元素前面所有兄弟元素jQuery
- jQuery獲取li元素後面所有兄弟元素jQuery
- jquery獲取緊鄰的上一個元素jQuery
- jQuery查詢下一個緊鄰兄弟元素jQuery
- css獲取指定元素的兄弟元素程式碼例項CSS
- CSS 匹配後面所有兄弟元素CSS
- css匹配後面的所有兄弟元素CSS
- jQuery如何獲取當前元素的兄弟元素jQuery
- 獲取ul元素下的所有li元素
- 獲取當前元素在兄弟元素節點中的索引索引
- css 獲取從第n個開始,之後的所有元素CSS
- JavaScript 獲取form所有表單元素JavaScriptORM
- JavaScript獲取form下所有input元素JavaScriptORM
- jQuery獲取某元素下所有的連結元素jQuery
- CSS下一個兄弟元素CSS
- jQuery獲取當前元素上一個兄弟元素例項程式碼jQuery
- JavaScript 獲取所有後代元素節點JavaScript
- CSS3 相鄰兄弟選擇器 hoverCSSS3
- 獲取指定元素下所有li元素程式碼例項
- jQuery獲取所有的checkbox核取方塊元素jQuery
- javascript獲取所有表單元素的value值JavaScript
- js獲取form表單下所有表單元素JSORM
- javascript如何獲取指定元素內的所有圖片JavaScript
- jQuery獲取所有的li元素程式碼例項jQuery
- 獲取頁面中所有元素的節點型別型別
- js獲取頁面中所有元素程式碼例項JS
- 獲取元素CSS值之getComputedStyle方法熟悉CSS
- 原生javascript實現獲取指定元素下所有後代元素程式碼例項JavaScript
- jquery獲取指定元素下所有指定子元素的數目程式碼例項jQuery
- js獲取元素的方法(獲取html元素的方法)JSHTML
- 使用jquery操作元素的css樣式(獲取、修改等等)jQueryCSS
- jQuery css()設定和獲取元素css屬性值程式碼例項jQueryCSS
- JS 獲取文件元素JS
- jquery獲取子元素jQuery
- JavaScript獲取指定元素的同輩元素JavaScript
- JavaScript獲取父元素下子元素節點JavaScript