- ベストアンサー
cssにおけるIDの記述について要領が得ません
cssにおけるIDの記述について要領が得ません、cssのどの箇所に書き込めばいいのかお教え願えませんか？
- mikity58g
- お礼率68% (273/396)
- ホームページ作成ソフト
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
＞cssのどの箇所に書き込めばいいのかお教え願えませんか？ ではなくて、「HTMLのどの箇所に書き込めばいいのかお教え願えませんか？」 HTML内のIDは一意セレクタとしてCSSから参照します。 ・ひとつのHTML内の要素にはひとつのIDが存在する。 classは複数箇所で登場する。学籍名簿のIDとクラスみたいに。 ・<要素名 id="">と指定します。一意ですから一箇所のみ ・CSSから参照するときは、#で示す。一意セレクタの詳細度は100。 それ以外の属性及び疑似クラスは詳細度10、属性は1です。 ★CSSの指定のためだけにIDを書くことはしない。 具体的な例 HTMLにて <ul id="nav"> <li><a href="">Ａ</a></li> <li><a href="">Ｂ</a></li> <li><a href="">Ｃ</a></li> </ul> <div id="Main"> <h1>見出し</h1> <p>本文</p> <ul> <li>Ｄ</li> <li>Ｅ</li> </ul> </div> だとすると、 Ｄの部分は、 div#Main ul li{color:red;}・・・詳細度 100+3 = 103 Ｂの部分は ul#nav ul li{color:blue;}・・・詳細度 100+3 = 103 で指定する。 すべてのul配下のli ul li{color:magenta;}・・・・詳細度 2 div ul li{color:yellow;}・・・・詳細度 3 この場合、順番はどうあれ、詳細度の高いものがあれば優先される。
その他の回答 (2)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
任意の要素に書き加えられます。 The global structure of an HTML document (ja) ( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#adef-id ) あまり乱用しないように、
お礼
ご回答有難うございました、少し理解できました
質問の内容について要領を得ません。 ・・・が、質問に対しての直接の答えは、正しく記述されている限り「どこでもよい」になるのだと思います。 例えば、以下の例を試してみてください。 idが指定されている2行目は青色で表示されますよね？ --- <?xml version="1.0" encoding="UTF-8"?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja"> <head> <title>test</title> <style type="text/css"> <!-- body { color: #000; } #p2 { color: #00f; } --> </style> </head> <body> <p>黒</p> <p id="p2">青</p> </body> </html>
お礼
ご回答有難うございました、少し理解できました
補足
有難うございます、Mainの中（下）にもう一つidを加えることはできませんか？