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

親がCSSの
要素であるすべての

要素を選択します

要素>要素を使用 親要素を持つ要素を選択するためのセレクター。

次のコードを実行して、親が

要素であるすべての

要素を選択することができます

例 

<!DOCTYPE html>
<html>
   <head>
      <style>
         div > p {
            color: white;
            background-color: blue;
         }
      </style>
   </head>

   <body>
      <h1>Demo Website</h1>
      <h2>Fruits</h2>
      <p>Fruits are good for health.</p>
      <div>
         <p>This is demo text.</p>
      </div>
   </body>
</html>

  1. フレックスアイテムをCSSでラップする

    フレックスアイテムをラップするには、 flex-wrapを使用します 財産。次のコードを実行して、flex-wrapプロパティを実装してみてください 例 <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;      

  2. CSSを使用してフレックスアイテムを水平に設定します

    フレックス方向を使用する 行の値を持つプロパティ フレックスアイテムを水平に設定します。 例 次のコードを実行して、行の値を実装してみてください- <!DOCTYPE html> <html>    <head>       <style>          .mycontainer {             display: flex;       &n