當前位置：首頁 > 编程资源 > 编程问答 >内容正文

编程问答

通用兄弟元素选择器 E ~ F

發布時間：2025/6/15 编程问答 27 豆豆

生活随笔收集整理的這篇文章主要介紹了通用兄弟元素选择器 E ~ F 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

版本：CSS3

繼承性：無

語法：

E ~ F?： {attribute}

說明：

匹配E元素之后的F元素

兼容性：

類型 Internet Explorer Firefox Chrome Opera Safari

版本	(×)IE6	(√)Firefox 2.0	(√)Chrome 1.0.x	(√)Opera 9.63	(√)Safari 3.1
	(√)IE7	(√)Firefox 3.0	(√)Chrome 2.0.x	?	(√)Safari 4Public beta
	(√)IE8	?	?	?	?
	?	?	?	?	?

示例：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <style type="text/css"> div ~ p {background-color:#00FF00;} </style> <title>通用兄弟元素選擇器 E ~ F</title> </head><body> <div style="width:733px; border: 1px solid #666; padding:5px;"> <div><p>匹配E元素之后的F元素</p><p>匹配E元素之后的F元素</p> </div> <hr /> <p>匹配E元素之后的F元素</p> <p>匹配E元素之后的F元素</p> <hr /> <p>匹配E元素之后的F元素</p> <hr /> <div>匹配E元素之后的F元素</div> <hr /> <p>匹配E元素之后的F元素</p> </div> </body> </html>

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的通用兄弟元素选择器 E ~ F的全部內容，希望文章能夠幫你解決所遇到的問題。

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

上一篇： java GUI界面之JTable详解
下一篇： css3 text-shadow 为网页