忍者ブログ

World of granshe.

HTMLやCSS、JavaScriptに関する話題を中心に、Web制作について知ったこと、覚えておきたいことをメモしておく個人的スペースです。
[16] [15] [14] [13] [12] [11] [10] [9] [8] [7] [6

[PR]

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

セレクタの指定方法-5年目の真実その2-

前回、clearfixのお話をしましたが・・・
まだ、私の知らない真実があったようです。
しかも超初歩的なこと。

今まで、
<div id="main">
  <ul>
    <li id="here">いち</li>
    <li>に</li>
    <li>さん</li>
    <li>よん</li>
    <li>ご</li>
  </ul>
</div>
こういう場面において
id="here"に対してCSSで指定をしたいときは

#main ul #here { プロパティ; }
と書いてごまかしてきたが

実は
#main ul li#here {プロパティ;}
って書けばいいんですよね!?


今までずっと、このくっつける記述方法を知らなくて
なんか違和感あるなーって思ってたんですが、

#main ul li #here (#mainの中のulの中のliの中の#here)じゃなくて
#main ul li#here (#mainの中のulの中の、#hereが指定されてるli)ってことなんですね!?


もうなんだか泣きたいです。

PR
この記事にコメントする
お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
この記事へのトラックバック
この記事にトラックバックする:
プロフィール
名前: ゆーり
職業: コーダー(模索中
趣味: Web制作
自己紹介: 某Web製作会社の入社5年目のマークアップエンジニア。専門はHTMLとCSSとMT(自称)。
カレンダー
11« 2017/12 »01
S M T W T F S
1 2
3 4 5 6 7 8 9
10 11 12 13 14 15 16
17 18 19 20 21 22 23
24 25 26 27 28 29 30
31
ブログ内検索
忍者ブログ [PR]