ホームページには欠かせないナビメニュー。
そのナビメニューで項目ごとにボーダーをつけると「左端、もしくは右端のボーダーはいらないんだよな。」みたいな時ありませんか?
そんな時は『隣接セレクタ』を使います。
例えばナビメニューで
ul
li /li
li /li
li /li
/ul
このようなリストがある場合
cssで、li + li {}とします。
そうすることで「リストの次に来るリスト」のにスタイルがつく為、最初と最後にはボーダーがつきません。
以上
ホームページには欠かせないナビメニュー。
そのナビメニューで項目ごとにボーダーをつけると「左端、もしくは右端のボーダーはいらないんだよな。」みたいな時ありませんか?
そんな時は『隣接セレクタ』を使います。
例えばナビメニューで
ul
li /li
li /li
li /li
/ul
このようなリストがある場合
cssで、li + li {}とします。
そうすることで「リストの次に来るリスト」のにスタイルがつく為、最初と最後にはボーダーがつきません。
以上