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

CSSの子孫セレクター

特定の要素内にある場合にのみ、特定の要素にスタイルルールを適用するとします。次の例に示すように、スタイルルールは

    タグ内にある場合にのみ要素に適用されます。

    ul em {
   color: #FFFF00;
}

    ここで、

      要素とスタイルルールがに適用されているとします：

      ol strong {
   color: #808000;
}

  1. CSSでhr要素のスタイルを設定するにはどうすればよいですか？

    CSSを使用してhr要素のスタイルを設定するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <meta name="viewport" content="width=device-width, initial-scale=1"> <head> <style>    body{       font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-

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

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