Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

CSSのグループセレクター

必要に応じて、多くのセレクターにスタイルを適用できます。次の例に示すように、セレクターをコンマで区切るだけです。

h1, h2, h3 {
   color: #36C;
   font-weight: normal;
   letter-spacing: .4em;
   margin-bottom: 1em;
   text-transform: lowercase;
}

この定義されたスタイルルールは、h1、h2、およびh3要素にも適用されます。リストの順序は関係ありません。セレクターのすべての要素には、対応する宣言が適用されます。

以下に示すように、さまざまなIDセレクターを組み合わせることができます。

#content, #footer, #supplement {
   position: absolute;
   left: 510px;
   width: 200px;
}

  1. CSSのフォントスタイル

    CSS font-styleプロパティは、要素のテキストの通常、斜体、または斜体のスタイルを指定するために使用されます。 構文 CSSフォントスタイルプロパティの構文は次のとおりです- Selector {    font-style: /*value*/ } 例 次の例は、CSSフォントスタイルのプロパティ-を示しています。 <!DOCTYPE html> <html> <head> <style> h2 {    font-style: italic;    background

  2. CSSの高度なセレクター

    CSSのAdvancedSelectorsには、隣接兄弟セレクター、属性セレクター、直接子セレクター、n番目のタイプセレクターなどが含まれます。また、GeneralSiblingSelectorも含まれます。例を以下に示します。 h1 ~ h3 直接子セレクターの例- div > span 以下は、CSSの高度なセレクターを示すコードです- 例 <html> <head> <style> #red {    color: red; } .green {    background: green; } ul:n