คำถามติดแท็ก pseudo-element

องค์ประกอบหลอก CSS ช่วยให้สามารถแสดงเนื้อหาภายในองค์ประกอบได้ดีขึ้นหรือความสามารถในการสร้างเนื้อหาเริ่มต้นหรือสิ้นสุดเพิ่มเติมสำหรับองค์ประกอบ

6
จะลบเฉพาะขีดเส้นใต้จาก a: before?
ฉันมีชุดลิงก์สไตล์โดยใช้:beforeเพื่อใช้ลูกศร มันดูดีในทุกเบราว์เซอร์ แต่เมื่อฉันใช้ขีดเส้นใต้กับลิงก์ฉันไม่ต้องการขีดเส้นใต้ใน:beforeส่วนนั้น (ลูกศร) ดูตัวอย่าง jsfiddle: http://jsfiddle.net/r42e5/1/ เป็นไปได้ไหมที่จะลบสิ่งนี้ รูปแบบการทดสอบที่ฉัน#test p a:hover:beforeใช้จะถูกนำไปใช้ (ตาม Firebug) แต่ยังคงขีดเส้นใต้อยู่ วิธีใดที่จะหลีกเลี่ยงสิ่งนี้? #test { color: #B2B2B2; } #test p a { color: #B2B2B2; text-decoration: none; } #test p a:hover { text-decoration: underline; } #test p a:before { color: #B2B2B2; content: "► "; text-decoration: none; } #test p …


2
ทำไมเครื่องหมายคำพูดคู่จึงแสดงเฉพาะสำหรับองค์ประกอบแรก
ฉันสงสัยว่าทำไมเบราว์เซอร์จึงแสดงเครื่องหมายคำพูดเปิดคู่สำหรับองค์ประกอบแรกเท่านั้น องค์ประกอบที่สองมีเครื่องหมายคำพูดเดี่ยวแทน a::before { content: open-quote; } <a href="http://www.google.com">Google</a> <br> <a href="http://www.amazon.com">Amazon</a> เรียกใช้ข้อมูลโค้ดซ่อนผลลัพธ์ขยายข้อมูลโค้ด
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.