:focus疑似クラス
css#focus input:focus{ background-color:#FF9; }html
ブラウザでの表示
:lang疑似クラス
css#lang p:lang(en){ color:#C00; } #lang p:lang(fr){ color:#009; }html
ブラウザでの表示今月は2月です
This month is February.
今月は2月です
This month is February.
C'est février ce mois.
:first-child疑似クラス
css#firstChild ul li:first-child{ color:#C00; }html
ブラウザでの表示
- りんご
- いちご
- みかん
- ぶどう
- りんご
- いちご
- みかん
- ぶどう
:first-line疑似クラス
css#firstLine p:first-line{ color:#C00; }html
ブラウザでの表示日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。中国の首都は北京です。
イギリスの首都はロンドンです。イタリアの首都はローマです。
日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。
中国の首都は北京です。
イギリスの首都はロンドンです。
イタリアの首都はローマです。
:first-letter疑似クラス
css#firstLetter p:first-letter{ font-size:20px; color:#C00; font-weight:bold; }html
ブラウザでの表示日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。中国の首都は北京です。
イギリスの首都はロンドンです。
日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。
中国の首都は北京です。
イギリスの首都はロンドンです。
:before疑似クラス
css#before blockquote:before{ content:url("blockquote.gif"); } #before p:before{ content:"『"; }html
ブラウザでの表示首都(しゅと)とは、一国の中心となる都市のことを指す。 ほとんどの場合にはその国の中央政府が所在し、国家元首等の国の最高指導者が拠点とする都市のことである。日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。
首都(しゅと)とは、一国の中心となる都市のことを指す。 ほとんどの場合にはその国の中央政府が所在し、国家元首等の国の最高指導者が拠点とする都市のことである。
日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。
:after疑似クラス
css#after blockquote:after{ content:url("blockquote.gif"); } #after p:after{ content:"』"; }html
ブラウザでの表示首都(しゅと)とは、一国の中心となる都市のことを指す。 ほとんどの場合にはその国の中央政府が所在し、国家元首等の国の最高指導者が拠点とする都市のことである。日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。
首都(しゅと)とは、一国の中心となる都市のことを指す。 ほとんどの場合にはその国の中央政府が所在し、国家元首等の国の最高指導者が拠点とする都市のことである。
日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。
E[attribute]
css#attr1 a[title]{ font-style:italic; }html
ブラウザでの表示
E[attribute="value"]
css#attr2 a[target="_blank"]{ font-style:italic; }html
ブラウザでの表示
E[attribute~="value"]
css#attr3 strong[class~="blue"]{ color:#009; } #attr3 strong[class~="italic"]{ font-style:italic; } /*要素名[属性名="属性値"]*/ #attr3 strong[class="green"]{ color:#69b200; }html
ブラウザでの表示日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。中国の首都は北京です。
イギリスの首都はロンドンです。
日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。
中国の首都は北京です。
イギリスの首都はロンドンです。
子セレクタ
css#child p>strong{ color:#C00; }html
ブラウザでの表示日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。中国の首都は北京です。
イギリスの首都はロンドンです。
日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。
中国の首都は北京です。
イギリスの首都はロンドンです。
隣接セレクタ
css#next h3 + p{ color:#C00; }html
ブラウザでの表示世界の首都
日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。日本の県庁所在地
県庁所在地(けんちょうしょざいち)とは、県の行政機関の本庁舎が置かれている都市。神奈川の県庁所在地は横浜です。
北海道の県庁所在地は札幌です。
世界の首都
日本の首都は東京です。
アメリカの首都はワシントンです。
フランスの首都はパリです。
日本の県庁所在地
県庁所在地(けんちょうしょざいち)とは、県の行政機関の本庁舎が置かれている都市。
神奈川の県庁所在地は横浜です。
北海道の県庁所在地は札幌です。