スポンサードリンク

CSS 自分の備忘録

セレクタの使い方

カンマで区切った場合

同じスタイルを複数のセレクタで使う場合。とてもうまい以外に適用。

 

スペースで区切った場合

Divの下にある階層のspan全て。はやいととてもうまいに適用。

 

>で区切った場合

Divの直下にあるspanだけ。とてもうまいに適用。

 

+で区切った場合

pの次にくるp要素。なのでp p pとあると、2つめと3つ目のpが該当する。やすいとはやいに適用。

 

セレクタをくっつけた場合

p要素でなおかつpoinstsクラスの場合。はやいに適用。

 

属性セレクタについて

今回はaタグだが、inputタグのtype属性が最もよく使われる。

a[title]にした場合

aタグの内、タイトル属性があるものを対象とする。Yahoo。

 

aタグの属性値を指定した場合

href属性の値がgoogleのみ対象となる。

 

clsss属性にsearchが含まれている場合

Yahooだけが適用される。~=を使うこと。

 

スポンサーリンク




スポンサーリンク





投稿日:

執筆者: