Dreamweaver TechniqueJAVA Script サンプル | CSS sample | JAVA Applet sample | Flash Sample
HTML4.0 riference | DynamicHTMLXHTML | XML sample | XSLT sample | RIKO's ASP Trial

スタイルの適用先を指定する

■ スタイルの適用先を指定するには

1. すべての要素にスタイルを適用する場合は、*と入力します。

2. 文書内の特定の要素すべてにスタイルを適用する場合は、nameと入力します。nameの部分には、スタイルを適用する要素名を入力します。

3. 複数の要素にスタイルを適用する場合は、name1name2name3という具合に各要素の名前を入力します。各要素名はカンマで区切ります。

4. 特定の要素内の子孫要素にスタイルを適用する場合は、parent descendantと入力します。 parentの武運には親要素名を、descendantの部分にはスタイルを適用する子孫要素名を入力します。(指定した親要素と子孫要素の間にほかの要素があっても構いません)

5. 親要素内に直接含まれる子要素だけにスタイルを適用する場合は、parent > childと入力します。 parentの部分には親要素名を、childの部分にはスタイルを適用する子要素名を入力します。

6. 親要素の1つ目の子要素であるname要素だけにスタイルを適用する場合は、name:first-childと入力します。nameの部分には子要素名を入力します。

7. 特定の要素のすぐ後に続く特定の要素だけにスタイルを適用する場合は、before + afterと入力します。 beforeの部分には、スタイルを適用する要素の前に位置するようその名前を入力します。afterの部分には、スタイルを適用するようその名前を入力します。

8. 特定の属性を持つ特定の要素にスタイルを適用する場合は、name [att_name]と入力します。nameの部分には要素名を、tt_nameの部分には属性名を入力します。属性の値とは無関係にスタイルを適用します。

9. 特定の属性値を持つ特定の要素にスタイルを適用する場合は、name [att_name=att_value]と入力します。nameの部分には要素名を、att_nameの部分には属性名を、att_valurの部分には値を入力します。

10. 特定の属性にカンマで区切られていた服すの値があり、その中の1つが特定の値である特定の要素にスタイルを適用する場合は、name [att_name〜=att_value]と入力します。 nameの部分には要素名を、att_nameの部分には属性名を、att_valueには値を入力します。

11. ID属性に特定の値が設定された特定の要素にスタイルを適用する場合は、name#id_nameと入力します。nameの部分には要素名を、id_nameの部分にはID属性値を入力します。

12. 未訪問のリンクを表す特定の要素にスタイルを適用する場合は、name:linkと入力します。nameの部分には要素名を入力します。

13. 訪問済みのリンクを表す特定の要素にスタイルを適用する場合は、name:visitedと入力します。nameの部分には要素名を入力します。

14. クリック(アクセス)中のリンクを表す特定の要素にスタイルを適用する場合は、name:activeと入力します。nameの部分には要素名を入力します。

15. マウスでポイントしているリンクを表す特定の要素にスタイルを適用する場合は、name:hoverと入力します。nameの部分には要素名を入力します。

16. キーボードの[Tab]キーを使って移動した後、まだアクティブにしていないリンクを表すと特定の要素にスタイルを適用する場合は、name:focusと入力します。nameの部分には要素名を入力します。

<<<戻る

R HOUSE | RIKO's Trial Page | Shirley's Pettit Case | Shirley's i-box | Shirley's little box