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

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

语法结构:

语法结构:

E+F{ Rules }
E+F{ Rules }

浏览器支持:

浏览器支持:

(1).IE浏览器支持是选择适合。

(1).IE浏览器支持这个选择符合。

(2).edge浏览器支持这选择切合。

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

(3).谷歌浏览器支持这个选择切合。

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

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

(4).火狐浏览器支持这选择切合。

(5).opera浏览器支持是选择适合。

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

(6).safria浏览器支持这选择适合。

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

注意:IE6不支持。

注意: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>
<!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元素中之文字的颜色设置为蓝色,一定是隔壁。

以附近div元素的p元素中之亲笔的水彩设置为蓝色www.997755.com,一定是相邻。

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

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

http://www.softwhy.com/qiduan/css\_source/

http://www.softwhy.com/qiduan/css\_source/

http://www.softwhy.com/

http://www.softwhy.com/

相关文章