Home > Article > Web Front-end > Select every element preceded by a CSS element

Select every element preceded by a CSS element

WBOYforward: 2023-09-12 19:17:021461browse

选择前面有 CSS 元素的每个元素

Use the element ~ element selector to select the ff6d136ddc5fdfeffaf53ff6ee95f185 element, preceded by the e388a4556c0f65e1904146cc1a846bee element. You can try running the following code to implement this example

Example

Live Demo

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

The above is the detailed content of Select every element preceded by a CSS element. For more information, please follow other related articles on the PHP Chinese website!

css 选择器 ul

Statement：

This article is reproduced at:tutorialspoint.com. If there is any infringement, please contact admin@php.cn delete

Previous article：Which property in CSS specifies the right padding of an element?Next article：Which property in CSS specifies the right padding of an element?

See more

Select every element preceded by a CSS element

Example

Related articles