[学習ノート]CSS要素セレクタ

1596 ワード

CSSエレメントセレクタ


最も一般的なCSSセレクタは要素セレクタです.すなわち、ドキュメントの要素は最も基本的なセレクタです.
HTMLのスタイルを設定すると、セレクタは通常、p、h 1、em、aなどのHTML要素であり、html自体であってもよい.
html {color:black;} h1 {color:blue;} h2 {color:silver;} 

みずからやってみる
あるスタイルをある要素から別の要素に切り替えることができます.
h 1要素ではなく、上の段落テキストをグレーに設定するとします.h 1セレクタをpにするだけです.
html {color:black;} p {color:gray;} h2 {color:silver;} 

みずからやってみる

タイプセレクタ


W 3 C規格では、要素セレクタはタイプセレクタとも呼ばれる.
「タイプセレクタは、ドキュメント言語の要素タイプの名前に一致します.タイプセレクタは、ドキュメントツリーの要素タイプの各インスタンスに一致します.」
次のルールは、ドキュメントツリー内のすべてのh 1要素に一致します.
h1 {font-family: sans-serif;}

したがって、XMLドキュメントの要素のスタイルを設定することもできます.

XMLドキュメント:

<?xml version="1.0" encoding="ISO-8859-1"?> <?xml-stylesheet type="text/css" href="note.css"?> <note> <to>George</to> <from>John</from> <heading>Reminder</heading> <body>Don't forget the meeting!</body> </note> 

CSSドキュメント:

note   {   font-family:Verdana, Arial;   margin-left:30px;   }  to   {   font-size:28px;   display: block;   }  from   {   font-size:28px;   display: block;   }  heading   {   color: red;   font-size:60px;   display: block;   }  body   {   color: blue;   font-size:35px;   display: block;   } 

効果の表示
上記の例では、CSS要素セレクタ(タイプセレクタ)がXMLドキュメントの要素のスタイルを設定できることを示しています.
XMLドキュメントにスタイルを追加する方法については、w 3 schoolのXMLチュートリアルにアクセスしてください.