1. ตัวเลือกพี่น้องสามัญของ CSS อ้างถึงองค์ประกอบทั้งหมดที่เชื่อมต่อกับองค์ประกอบอื่น ซึ่งทั้งสององค์ประกอบมีองค์ประกอบหลักที่เหมือนกัน
2. ผู้เลือกพี่ชายสามัญใช้เครื่องหมายตัวหนอน (~) เป็นสัญลักษณ์การรวมสำหรับพี่น้องธรรมดา
ตัวอย่าง
<หัว>
<สไตล์>
.บรรพบุรุษ {
ความกว้าง: 500px;
ความสูง: 300px;
-
.พ่อแม่ {
ความกว้าง: 300px;
ความสูง: 200px;
-
.เด็ก {
ความกว้าง: 200px;
ความสูง: 100px;
-
/* วางตำแหน่งองค์ประกอบที่มีพี่น้องเป็น div หลัง .child1*/
.child1~div {
สีพื้นหลัง: lightcoral;
-
<ร่างกาย>
นี่คือบรรพบุรุษ
นี่คือผู้ปกครอง
ข้างต้นคือความเข้าใจเกี่ยวกับ CSS สามัญตัวเลือกพี่น้อง ฉันหวังว่ามันจะเป็นประโยชน์กับทุกคน
คู่มือการเรียนรู้ CSS เพิ่มเติม: บทช่วยสอน CSS