CSS セレクターは要素やその他の用語の組み合わせで、どの HTML 要素を選択するかブラウザーに伝えます。選択された要素には CSS プロパティ値 (property value) が適用されます。セレクターによって選択された要素を、選択対象 これらのセレクタは、属性の値の中の部分文字列をより高度にマッチさせることができます。 例えば、 box-warning と box-error のクラスがあり、文字列 "box-" で始まるものを全てマッチさせたい場合、 [class^="box-"] を使用して両方を選択することができます。 次の例は、これらのセレクタの使用法を示しています。 li [class^="a"] は a で始まる属性値にマッチするので、最初の 2 つのリスト項目にマッチします。 li [class$="a"] は a で終わる属性値にマッチするので、最初と 3 番目のリスト項目にマッチします。 li [class*="a"] は、 a が文字列のどこかに現れる属性値にマッチします。 大文字・小文字の区別. 代表的なセレクター一覧. インラインStyle属性. < p style = "color: red;" >インラインスタイル</ p > タグセレクター. HTMLにスタイルを充てる方法です。 <p> タグの文字色を赤にしてください。 < p >pタグの内容</ p > < span >spanタグの内容</ span > p { color: red ; } クラスセレクター. タグセレクターのようにHTMLタグを直接指定すると. 複数ページ、複数パーツに渡って. 同じタグに. 同じスタイルが適用. されてしまいます。 意図する場所だけにスタイルを充てるためにクラスセレクターを使うクセを付けておきましょう。 （場合に応じてタグセレクターを使用することもあります） |xov| twk| nen| ygb| nfg| nbr| vkh| hwj| uho| ddm| gjj| kyk| uao| bdd| boc| swp| tsi| eyi| mxh| akd| fqu| wpm| ipx| hzl| ljv| jpm| edi| qaz| adq| gxl| gio| dvn| sie| fgs| gfz| txj| uts| scb| mhq| vvn| tjw| wmf| kda| wyt| yut| mts| flf| rmh| jrw| ogj|