隣接する要素に適用

cssに「+」を追加することで隣接している要素にスタイルを適用することができます。
■html

テスト

テキスト

//隣接するテキストにcolor:green;を適用//
■css
h2 + p {
color:green;
}

更に「~」で要素の後にスタイルを適用することができます。
■html

テキスト

テスト

適用されるテキスト

//後ろのテキストにcolor:green;を適用//
■css
h2 ~ p {
color:green;
}

admin

cl0606

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です