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

HTMLでこの要素の親要素とその要素の子要素にのみスタイルが適用されるように指定するにはどうすればよいですか？

スコープ付きを使用 スタイルが親要素と要素の子要素にのみ適用されることを指定する属性-

例 
<!DOCTYPE html>
<html>
   <head>
      <style>
         h2 {
            color:yellow;
         }
      </style>
   </head>
   <body>
      <div>
         <style scoped>
            h2 {
               color:grey;
            }
         </style>
         <h2>Grey Heading</h2>
      </div>
      <h2>Yellow Heading</h2>
   </body>
</html>

  1. 親の唯一の子であるすべての<p> 要素をCSSでスタイル設定します

    CSS：only-childセレクターを使用して、親の唯一の子であるすべての要素のスタイルを設定します。 例 次のコードを実行して、：only-childセレクターを実装してみてください <!DOCTYPE html> <html>    <head>       <style>          p:only-child {             background: orange

  2. 要素のコンテンツをHTMLで翻訳するかどうかを指定するにはどうすればよいですか？

    翻訳 属性は、要素のコンテンツを翻訳するかどうかを設定するのに役立ちます。 以下は属性です- AttributeValue 説明 はい コンテンツを翻訳する必要があります。 いいえ コンテンツは翻訳しないでください。 特定の単語を翻訳したくない場合は、その単語を translateに追加します。 属性- <p translate = "no">This won’t get translated.</p>