cssナビゲーションバー
css---輪郭:スタイル
さまざまなスタイルの実装
2.セレクタグループ
単純セレクタ:
前節ではclass値に単語が含まれている場合を処理した.HTMLでは、class値に単語のリストが含まれ、各単語間をスペースで区切ることができます.たとえば、特定の要素を重要(important)と警告(warning)と同時にマークする場合は、次のように書くことができます.
この2つの語の順序はどうでもいいので、warning importantと書いてもいいです.
classがimportantのすべての要素は太字であり、classがwarningのすべての要素は斜体であり、classにはimportantとwarningを同時に含むすべての要素には銀色の背景があると仮定します.次のように書くことができます.
3.css簡単ナビゲーションバー
A dotted outline
A dashed outline
A solid outline
A double outline
A groove outline
A ridge outline
An inset outline
An outset outline
コメント:規定のみ!DOCTYPEの場合、インターネットExplorer 8(およびそれ以上のバージョン)でoutline-styleプロパティがサポートされます.
さまざまなスタイルの実装
2.セレクタグループ
単純セレクタ:
CSSマルチクラスセレクタ
前節ではclass値に単語が含まれている場合を処理した.HTMLでは、class値に単語のリストが含まれ、各単語間をスペースで区切ることができます.たとえば、特定の要素を重要(important)と警告(warning)と同時にマークする場合は、次のように書くことができます.
<p class="important warning">
This paragraph is a very important warning.
</p>
この2つの語の順序はどうでもいいので、warning importantと書いてもいいです.
classがimportantのすべての要素は太字であり、classがwarningのすべての要素は斜体であり、classにはimportantとwarningを同時に含むすべての要素には銀色の背景があると仮定します.次のように書くことができます.
.important {font-weight:bold;}
.warning {font-style:italic;}.important.warning {background:silver;}
3.css簡単ナビゲーションバー