CSS :any-link ซีมูลหลัก

การระบุและการใช้งาน

CSS :any-link ซีมูลหลักใช้เพื่อเลือกและกำหนดรูปแบบสไตล์สำหรับองค์ประกอบที่ใช้เป็นจุดจุดของลิงก์ซับมิทิง

ไม่ว่าลิงก์นั้นได้ถูกเข้าถึงแล้วหรือไม่ ซีมูลหลักนี้จะมีผลใช้งาน

ดังนั้น ซีมูลหลักนี้เหมาะสำหรับทุกองค์ประกอบที่มีคุณสมบัติ href: <a> หรือ <area> องค์ประกอบ

ตัวอย่าง

ตัวอย่าง 1

เลือกและกำหนดรูปแบบสไตล์สำหรับทุกองค์ประกอบ <a> ที่มีคุณสมบัติ href:

a:any-link {
  background-color: yellow;
  color: maroon;
}

ทดลองด้วยตัวเอง

ตัวอย่าง 2

กำหนดรูปแบบสไตล์สำหรับทุกองค์ประกอบ <a> ที่มีคุณสมบัติ href นอกจากนี้ ตั้งรูปแบบสไตล์สำหรับลิงก์ตามสถานะ (hover, active, ไม่ได้เข้าถึงแล้ว และอื่นๆ):

a:any-link {
  background-color: yellow;
  color: maroon;
}
a.ex1:hover, a.ex1:active {
  color: red;
}
a.ex2:hover, a.ex2:active {
  font-size: 150%;
}

ทดลองด้วยตัวเอง

CSS ภาษา

:any-link {
  css declarations;
}

รายละเอียดเทคนิค

เวอร์ชัน: CSS Selectors Level 4

การสนับสนุนโปรแกรมบราวเซอร์

ตัวเลขในตารางนี้บอกว่าสำหรับเวอร์ชันบราวเซอร์แรกที่สนับสนุนเซลเลอร์นี้อย่างเต็มที่。

Chrome Edge Firefox Safari Opera
65 79 50 9 52

หน้าที่เกี่ยวข้อง

ตัวเรียน:CSS ลิงก์

ตัวเรียน:CSS ปุ่ม

ตัวเรียน:CSS ซีมูลหลัก