Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

เลือกทุก <p> วางทันทีหลัง <div> ด้วย CSS

ใช้เซเล็กเตอร์ element+element เพื่อเลือกองค์ประกอบที่วางทันทีหลังองค์ประกอบแรกที่ระบุ

ตัวอย่าง

<!DOCTYPE html> <html>    <head>       <style>          div + p {             color: white;             background-color: blue;          }       </style>    </head>    <body>       <h1>Demo Website</h1>       <h2>Fruits</h2>       <div>          <p>This is demo text.</p>       </div>       <p>Fruits are good for health.</p>       <p>Fruits makes you healthy.</p>    </body> </html>