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

CSSで

要素が前にあるすべての

    要素を選択します

要素〜要素セレクターを使用して、

要素が前にある

    要素を選択します。次のコードを実行して、これを実装してみてください

    例 

    <!DOCTYPE html>
<html>
   <head>
      <style>
         p~ul {
            color: white;
            background-color: blue;
         }
      </style>
   </head>
   <body>
      <h1>Demo Website</h1>
      <h2>Fruits</h2>
      <div>
         <p>Vegetables are good for health.</p>
         <ul>
            <li>Spinach</li>
            <li>Onion</li>
            <li>Capsicum</li>
         </ul>
      </div>
      <p>Fruits are good for health.</p>
      <ul>
         <li>Apple</li>
         <li>Orange</li>
         <li>Kiwi</li>
      </ul>
   </body>
</html>

  1. CSSを使用したリストのスタイリング

    リストも順序付けされていません。 CSSを使用すると、セットリストアイテムのマーカーまたはマーカーの画像を設定できます。これにより、CSSを使用して、リストアイテムマーカーの位置を設定することもできます。 いくつかの例を見てみましょう- list-style-type list-style-typeは、リストアイテムマーカーのタイプを設定するために使用されます。 例 順序付きリストをフォーマットする例を見てみましょう（ol）- <!DOCTYPE html> <html> <head> <style> ul {    

  2. CSSでカレンダーを作成するにはどうすればよいですか？

    CSSを使用してカレンダーを作成するには、コードは次のとおりです- 例 <!DOCTYPE html> <html> <head> <style>    body {       font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;    }    * {       box-sizing: border-box;