第一章:第四課セレクタ-兄弟要素セレクタ
1440 ワード
セレクタの部分については、最後に紹介するセレクタの1つが汎用兄弟セレクタで、同じ親要素の中にある要素の後にある他のすべての種類の兄弟要素が使用するスタイルを指定するために使用されます.その使用方法は以下の通りです.Element~兄弟要素
<!DOCTYPE HTML>
<html>
<head>
<meta charset="gb2312">
<title>CSS3 - | (W3Cfuns.com)!</title>
<style type="text/css">
*{margin:0; padding:0;}
body{margin-bottom:20px; font-size:14px; font-family:"Microsoft Yahei";}
p{height:30px; line-height:30px;}
div ~ span{display:block; margin-bottom:5px; height:22px; line-height:22px; color:#fff; background:#900;}
</style>
</head>
<body>
<span> span div </span>
<span> span div </span>
<div>
(W3Cfuns.com)!
<p>W3CSchool，web ，Web ， 、 ！</p>
<span> span div </span>
<p>CSS3 - [ ] | (W3Cfuns.com)!</p>
<span> span div </span>
</div>
<span> span div </span>
<span> span div </span>
<span> span div </span>
</body>
</html>