WebKit เริ่มรองรับ CSS Nesting

 (webkit.org)
6 คะแนน โดย xguru 2023-02-17 | 1 ความคิดเห็น | แชร์ทาง WhatsApp
  • เมื่อฤดูร้อนปีที่แล้ว CSSWG ได้โหวตกัน และรูปแบบ "bracket notation" ซึ่งเป็นตัวเลือกที่ 3 ได้รับชัยชนะ
  • จากนั้น Safari/Chrome ก็ได้ติดตั้งใช้งานตัวเลือกที่ 3 และเริ่มใช้ตั้งแต่ Safari Technology Preview 162 ที่ปล่อยเมื่อวันที่ 1/25
.foo {  
  color: green;  
 .bar {  
    font-size: 1.4rem;  
  }  
}
  • เนื่องจากข้อจำกัดของเอนจินสำหรับ parse ของเบราว์เซอร์ selector ด้านใน (เช่น .bar ด้านบน) จะต้องขึ้นต้นด้วยสัญลักษณ์เสมอ . # : [ * + > ~
    → กล่าวคือ main { article {...} } ทำไม่ได้ และต้องเขียนในรูปแบบ main { & article {...} }

บทความที่เกี่ยวข้อง