เครื่องหมายทวิภาคคู่ (: :) ใน CSS หมายถึงอะไร?

เครื่องหมายทวิภาคคู่ ( ::) ใน CSS หมายถึงอะไร?

ตัวอย่างเช่น:

input[type=text]::-ms-clear { display: none; }

หมายถึงตัวเลือกองค์ประกอบหลอก หมายความว่าองค์ประกอบทางด้านขวาไม่มีอยู่ใน DOM ปกติ แต่สามารถเลือกได้

องค์ประกอบหลอกประกอบด้วยสองโคลอน (: :) ตามด้วยชื่อขององค์ประกอบหลอก

แหล่ง

แต่เดิมมันเป็นเพียงลำไส้ใหญ่เดียว แต่ได้เปลี่ยนไปเป็นความแตกต่างจากการเรียนหลอก (เช่น:hover, :first-child, :notฯลฯ ) ควรใช้องค์ประกอบ:สำหรับbeforeและafterหลอกเนื่องจากเครื่องหมายจุดคู่เดียวมีการรองรับเบราว์เซอร์ที่ดีกว่ากล่าวคือใน IE เวอร์ชันก่อนหน้า

ตัว::ดำเนินการระบุว่าคุณกำลังเลือกองค์ประกอบหลอกซึ่งไม่มีอยู่จริงเป็นองค์ประกอบ แต่ยังสามารถกำหนดเป้าหมายสำหรับการจัดแต่งทรงผมได้

ตัวอย่างนี้รวมถึงการใช้งานเฉพาะผู้ขายหลายรายการเช่น-ms-clearตัวอย่างที่คุณให้ไว้เบราว์เซอร์ส่วนใหญ่ยังมีองค์ประกอบหลอกสำหรับแถบเลื่อนสไตล์และองค์ประกอบ UI ดั้งเดิมอื่น ๆ แต่ยังมีองค์ประกอบหลอกที่กำหนดไว้ล่วงหน้าจำนวนมากซึ่งสามารถอ้างอิงได้ด้วยเหตุผลในทางปฏิบัติ เช่นfirst-lineและfirst-letter.

:beforeและ:afterหลอกองค์ประกอบยังช่วยให้คุณสามารถแทรกเนื้อหาจริงในหน้าโดยใช้ CSS กับcontentกฎ

CSS3 เปลี่ยนแปลงวิธีการหลอกองค์ประกอบได้รับการคัดเลือกเป็น W3C ต้องการที่จะเห็นความแตกต่างหลอกชั้นเรียนเช่นจากหลอกองค์ประกอบเช่นa:visited p::first-lineดูสินค้าทุกประเภท CSS Selectors