FC2ブログ
RSS
Admin
Archives

ぽすといっと

HTML・CSSのメモをぺったぺた。Linuxとかも。なんでもありになってきました。

検索フォーム
カテゴリ
最新記事
プロフィール

nataku

Author:nataku
(X)HTMLやCSSについて気になったこととか。Linuxも加わってなんでもありになってきました。

リンク
twitter
Powered by fc2 blog  |  Designed by sebek
2009.07
31
Category : CSS仕様
CSSの仕様 『 id、class指定 』について


■要素名に依存しないid、class

css
.red {
color : red;
}

※classの場合は .(ドット) idの場合は#(シャープ)を付けます

html
<p class="red">pタグにも</p>
<h3 class="red">h1タグにも使えまする</h1>



実際にcssを記述していく場合には
この 要素に依存しない id、class が活躍することになります


参考:要素名に依存する id、class
2009.07
31
Category : CSS仕様
CSSの仕様 『 id、class指定 』について



■要素名に依存するid、classの定義

css
p.blue {
color : blue;
}

html
<p class="blue">class指定あり</p>
<p>class指定なし</p>



↓結果↓
class指定あり
class指定なし


この場合クラス ”blue” はp要素に対してしか使えず
<p><span class="blue">class指定あり</span></p>
としてもスタイルは適用されないので注意してください



参考:要素名に依存しないid、class
2009.07
30
Category : CSS仕様
CSSの仕様 『状況依存セレクタ』について



■状況依存セレクタ

div p { color:red; }

div要素の中のp要素に文字色・赤が適用されます



知っていると更に記述の幅が広がる
状況依存セレクタの使い方は追記からー

::more