よろしくお願いします。
CSSの定義で思ったのですが、普通divに対してid定義を行った場合には、
#nantoka{
}
と記述すると思うのですが、たまに
div#nantoka{
}
と定義されているものを見かけます。
これにはどういった意味があるのでしょうか?
また、
p#nantoka{
}
である場合もあるのですが、単純に
#nantoka{
}
ではだめなのでしょうか?
こういった定義の意味やメリットをご存知の方は教えていただけると幸いです。
よろしくお願いします!
No.1ベストアンサー
- 回答日時:
#の前に要素名を付ける/付けないでの違いは詳細度(*1)の算出で違いが出るものの基本的には変らないです。
要素名も併記してあった方が、ニンゲンが多少整理が付くとか、判り易く思える、とか、そういった意味はあるのかもしれませんね。
*1
http://refluxflow.net/2006/08/css_selector_speci …
例)
p#nantoka {color:blue;}/* 1 */
#nantoka {color:red;}/* 2 */
このような2つの記述が在った場合、後に書いた方ではなく、
「詳細度」により1行目が適用される。
ややこしくなるだけなんで、どちらかに統一するべきだし、
一人で全てを書いてる時なら好くな方で統一すればいいけど
複雑な状況でページ造りをしなきゃいけない場合、要素名を付けておく方で統一した方が無難かも。
No.2
- 回答日時:
hoo#baaは「baaなidを持つhoo要素」であり、#baaは「なんでもいい
からbaaなidを持つ要素」です。つまり、#baaで指定したスタイル
は、別のページで別の要素に同じidを付けていると適用してくれる
ことになります。id=contentsがdivなページとiframeなページが混
在しててもいいわけですね。
で、ウマくいかない部分はiframe#contentsのように細かく指定して
上書きできます。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS CSS上での計算を行うためのルールについて教えてください。 3 2022/08/15 14:43
- その他(プログラミング・Web制作) seleniumbasic chrome操作について 1 2023/03/29 15:40
- PHP アップロードファイルの数に応じてCSSを動的に変更したいのですが、方法がわかりません 3 2023/07/23 21:59
- HTML・CSS img と p を縦中央に配置したいのですがうまくいきません。 2 2023/01/12 14:38
- HTML・CSS imgとpを縦・横に中央揃えする 1 2023/01/17 11:30
- その他(芸能人・有名人) 私の推しが「ファンは恋愛対象になりますか?」と言う質問に対し「ファンの定義による」とだけ回答しました 5 2022/07/17 19:36
- HTML・CSS CSSのホバーエフェクト 1 2023/06/19 06:53
- HTML・CSS HTML、cssのatomつぅーやつで 課題Ex1ってやつを表示させたいのですが、 私は課題Ex1が 2 2022/12/15 16:56
- HTML・CSS CSSがなぜかfont-sizeだけ効かない...記述がまちがっているんでしょうか 5 2022/04/09 17:52
- HTML・CSS 【CSS】特定のリンクを含むaタグを指定できるかどうか? 3 2022/10/15 02:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
「諸要素」とはどういう意味で...
-
【ヒトの神秘】美男美女から何...
-
改行ほどは行かないけど、若干...
-
CSSのセレクタに指定するbodyと...
-
NからZへの全単射を具体的に構...
-
超音波で洗脳。
-
brタグ、pタグやtableタグが非...
-
【CSS】imgタグを、親要素の幅...
-
HTMLです次の意味を持つ要素ま...
-
HTMLです 四角みたいにして中に...
-
質問1.
-
下線と文字の間を調整するには...
-
smallにtext-allignが効かない
-
テキストボックスの中にリンク...
-
双方向リスト
-
CSS:overflow要素の印刷について
-
border: noneでボタンの境界線...
-
含む含まないという概念自体の...
-
textareaの幅を画面と合わせたい
-
submit buttonの違い
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
【ヒトの神秘】美男美女から何...
-
smallにtext-allignが効かない
-
含む含まないという概念自体の...
-
還暦を過ぎた方々に質問です。
-
「諸要素」とはどういう意味で...
-
質問1.
-
textareaの幅を画面と合わせたい
-
角丸画像の背景色を透明にした...
-
2個のFormを横並びにしたい
-
テキストボックスの中にリンク...
-
HTMLです 四角みたいにして中に...
-
CSS:overflow要素の印刷について
-
input type="hidden"で取得した...
-
tdに対してmin-heightの定義、...
-
HTMLページ上でiframeを最前面...
-
タグは大文字と小文字どちらが...
-
HTMLです
-
2行にしたい要素、改行か分割...
-
改行ほどは行かないけど、若干...
-
H1タグを画像にしたい
おすすめ情報