.c4{*/ /*font-size: 50px;*/ /*}*/ /* 4.毗邻选择器:只选择与其相邻的下一个*/ #
标签:
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
/* 组合选择器 : 使div标签下的p标签字体变大*/
/* 1.儿女选择器 */
/*div p{*/
/**/
/*font-size: 45px;*/
/*}*/
/*div .c1{*/
/*color:green;*/
/*font-size: 50px;*/
/*}*/
/*#outer .c1{*/
/**/
/*}*/
/*#outer .c2 .c1{*/
/**/
/*}*/
/*2.子代选择器 */
/*#outer>.c1{*/
/**/
/*}*/
/*3.并列选择器 */
/*#p4,#p1,.c4{*/
/*font-size: 50px;*/
/*}*/
/* 4.毗邻选择器:只选择与其相邻的下一个*/
#outer+p{
color:blueviolet;
}
</style>
</head>
<body>
<p>helloo star</p>
<p>hi Ann</p>
<div>hello china
<span>hello span</span>
<p>p2..............</p>
<p>c1....</p>
<p>c2....</p>
<div>
<p>c3...</p>
</div>
</div>
<p>best wishes</p>
<p>best xingxing</p>
<div>hello throne</div>
<div>hello Ann</div>
</body>
</html>
css的组合选择器
,温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/32225.html