欢迎访问 生活随笔！
TAG聚合

生活随笔

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

编程问答

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

发布时间：2025/6/15 编程问答 38 豆豆
生活随笔 收集整理的这篇文章主要介绍了 通用兄弟元素选择器 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的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。