W3C เผยแพร่ร่าง CSS Nesting Module
(w3.org)- สเปกที่ทำให้สามารถซ้อนสไตล์อื่นภายใน CSS style ได้
→ ใช้ตัวเลือกของกฎย่อยโดยอิงจากตัวเลือกของกฎระดับบน
-
เพิ่มความเป็นโมดูลและความสามารถในการบำรุงรักษาของ CSS
-
รองรับการประกาศแบบซ้อนโดยตรงหรือ
@nestแบบอิงกฎ -
Nesting Selector
&
table.colortable {
& td {
text-align:center;
&.c { text-transform:uppercase }
&:first-child, &:first-child + td { border:1px solid black }
}
& th {
text-align:center;
background:black;
color:white;
}
}
ยังไม่มีความคิดเห็น