クリエイター:コーディング備忘録ブログ

コーディング

隣接する要素に適用

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

テスト

テキスト

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

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

テキスト

テスト

適用されるテキスト

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

コメント

この記事へのコメントはありません。

RELATED

PAGE TOP