コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語

ユニバーサル兄弟セレクター

このセレクターは、隣接する兄弟セレクターよりも一致範囲が広く、「隣接」制限はありません。

E ~ F

上記は、ユニバーサル兄弟セレクターを作成するための形式です。 E と F は同じ親要素を持つ必要があり、F 要素は E 要素の後ろにあります。コード例は次のとおりです。 ;meta charset= " utf-8">

<meta name="author" content="http://ask.php.cn/" />

<title>php 中国語のウェブサイト</title> ;

<style type="text/css">

li{color:blue}

.antzone ~ li{

color:red;

}

</style>

< /head>

<body>

<ul>

<li>php 中国語ウェブサイト one</li>

<li>php 中国語ウェブサイト three</li>

<li>php中国のウェブサイト four</li>

</ul>

</body>

</html>

上記のコードは、antzone の後ろにあるすべての li 要素のフォントを赤に設定できます。

学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://ask.php.cn/" /> <title>CSS教程</title> <style type="text/css"> div~p{color:blue} </style> </head> <body> <div>php中文网一</div> <p>php中文网二</p> <span>php中文网三</span> <p>php中文网四</p> </body> </html>
提出するリセットコード
前のセクション 次のセクション
チュートリアルリスト
ヘルプの取得
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜

このコースを視聴した生徒はこちらも学んでいます

最新の ThinkPHP 5.1 ワールドプレミアビデオチュートリアル (PHP エキスパートになるための 60 日間のオンライン トレーニング コース)  492437 回再生