Computer >> Máy Tính >  >> Lập trình >> CSS

Chọn mọi phần tử
    đứng trước phần tử

    có CSS


Sử dụng bộ chọn phần tử element ~ để chọn

    phần tử đứng trước phần tử

    . Bạn có thể thử chạy mã sau để triển khai điều này

    Ví dụ

    <!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>