• สเปกที่ทำให้สามารถซ้อนสไตล์อื่นภายใน 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;

}

}

ยังไม่มีความคิดเห็น

ยังไม่มีความคิดเห็น