CSS (E+F)相邻选择符

2018-01-14 19:12:03来源:cnblogs.com作者:愚蠢的神人点击

分享

此选择器能够匹配紧跟在E元素之后的元素F。 

语法结构:

E+F{ Rules }

浏览器支持:

(1).IE浏览器支持此选择符。

(2).edge浏览器支持此选择符。

(3).谷歌浏览器支持此选择符。

(4).火狐浏览器支持此选择符。

(5).opera浏览器支持此选择符。

(6).safria浏览器支持此选择符。

注意:IE6不支持。

代码实例:

<!doctype html><html><head><meta charset="utf-8"><meta name="author" content="http://www.softwhy.com/" /><title>蚂蚁部落</title><style type="text/css"> div+p{   color:blue } </style> </head> <body> <div>蚂蚁部落一</div> <p>蚂蚁部落二</p> <p>蚂蚁部落三</p><p>蚂蚁部落四</p> </body> </html>

将紧邻div元素的p元素中的文字的颜色设置为蓝色,一定是紧邻。

http://www.softwhy.com/article-460-1.html

http://www.softwhy.com/qiduan/css_source/

http://www.softwhy.com/

最新文章

123

最新摄影

微信扫一扫

第七城市微信公众平台