Maison >interface Web >tutoriel CSS >Sélectionnez chaque élément précédé d'un élément CSS
Utilisez le sélecteur d'élément élément ~ pour sélectionner l'élément ff6d136ddc5fdfeffaf53ff6ee95f185, précédé de l'élément e388a4556c0f65e1904146cc1a846bee. Vous pouvez essayer d'exécuter le code suivant pour implémenter cet exemple
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>
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!