No.2ベストアンサー
- 回答日時:
>は「子セレクタ」または、『子供セレクタ』といい。
直接の子孫です。たとえば
<div>
<div>
<p>文章一</p>
</div>
<p>文章2</p>
</div>
の場合、子孫セレクタ[ ]の場合、
div p{プロパティA}
の場合、プロパティAは<p>文章1</p>にも<p>文章2</p>にも適用されますが、
子セレクタ
div>p{プロパティB}
の場合は、プロパティBは、<div>の直接の子供、<p>文章2</p>だけにしか適用されません。
たくさんのセレクタ、隣接セレクタ・属性セレクタ・クラスセレクタ・・・と、詳細度は良く覚えておきましょう。
それを覚えないと、やたらめったら<div>やclassの多い煩雑なHTMLやCSSになってしまいます。
この回答へのお礼
お礼日時:2009/01/20 23:00
とてもわかりやすい解説をどうもありがとうございます!
今までclassを大量に使用してページを作っていましたが、子セレクタというものがあるのですね…、これなら無駄にclassを追加する必要がなさそうです。
今後同じような失敗や勘違いをおこなさいようにセレクタに関して学んでおきます。どうもありがとうございました!
No.1
- 回答日時:
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 画面に表示したらアニメーションを開始したい 3 2023/01/13 15:38
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- Word(ワード) Word文書で1,2,3...になっている脚注を、一括で(1),(2),...といった括弧つきに変更 2 2023/03/03 21:27
- 数学 因数分解 4 2022/04/18 22:32
- HTML・CSS HTML & CSS 縦ボックス内の文字の左右センタリング 3 2023/03/25 04:23
- 数学 参考書・因数分解の回答で 共通因数を括る時 「括弧の前」に括る場合と 「括弧の後」に括る場合と別れま 1 2023/01/31 13:52
- Excel(エクセル) エクセルの数式で添付写真のものを入力していてわからないのですが、こちらの通り[]括弧も入れて入力しま 4 2023/02/05 18:33
- JavaScript htmlとcssで分数を表示後、分数の右側に文書を書きたい 1 2022/04/28 10:09
- その他(コンピューター・テクノロジー) AND検索詳しい方お願いします 3 2023/08/12 19:35
- 数学 数学的帰納法 中括弧の前の・(掛ける)は省略してもOKですよね? 独特の質問で申し訳ございません 1 2023/04/11 17:53
関連するカテゴリからQ&Aを探す
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
CSSに同じclass名がいっぱい‥。...
-
inputタグのテキストBOXだけ右...
-
個別にリンクの色を変える方法
-
HTML要素のid/class名の長さに...
-
オンマウス時の背景色を個別に...
-
CSSでひとつだけdisplay:none;...
-
外部css定義したclassをht...
-
HTML CSSについて
-
CSSでid名やclass名に「_」や「...
-
p要素にclassとspanでclass適応...
-
liリストタグの背景色に色がつ...
-
<span>で2重にかけているものを...
-
透過背景を解除するにはどうす...
-
idの中のid指定
-
同ページ内でリンクの色を変え...
-
スタイルシート/idの入れ子でid?
-
livedoorブログでの背景画像サ...
-
CSS リンクのスタイル指定をせ...
-
HTMLの表
-
CSSのフォント設定・指示で、複...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
個別にリンクの色を変える方法
-
CSSに同じclass名がいっぱい‥。...
-
HTML要素のid/class名の長さに...
-
idの中のid指定
-
最近、HTMLのヘッダーをIDで定...
-
サイトにjQueryが使用されてい...
-
liリストタグの背景色に色がつ...
-
CSSのホバーエフェクト
-
ページの左右の余白(枠外)に...
-
CSS, リンクの色を一部変えるに...
-
スタイルシートで、id属性の中...
-
htmlのid属性って必要なの?
-
透過背景を解除するにはどうす...
-
外部css定義したclassをht...
-
<span>で2重にかけているものを...
-
CSSのクラス名・ID名の指定でワ...
-
子孫セレクタの読み方をおしえ...
-
Bootstrap3でcontainerがずれる...
-
CSSが効かずどのように指定すれ...
-
brにクラスをつけてcssでdispla...
おすすめ情報