เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
: การเลือกใช้งานจะใช้ในการเลือกและรูปแบบการเชื่อมโยงการใช้งาน
การเชื่อมโยงจะใช้งานเมื่อคุณคลิกที่มัน
เคล็ดลับ:: การเลือกใช้งานสามารถใช้กับองค์ประกอบทั้งหมดไม่เพียง แต่การเชื่อมโยง
Tip: ใช้ : การเชื่อมโยง ตัวเลือกที่จะเชื่อมโยงไปยังหน้าเว็บสไตล์ unvisited ที่ : เยี่ยมชม เลือกที่จะเชื่อมโยงไปยังหน้าเว็บสไตล์เข้าเยี่ยมชมและ : โฉบ เลือกที่จะเชื่อมโยงรูปแบบเมื่อคุณวางเมาส์เหนือพวกเขา
Note: : ใช้งานต้องอยู่หลัง: โฮเวอร์ (if present) ในความหมาย CSS ในการสั่งซื้อที่จะมีประสิทธิภาพ!
| เวอร์ชัน: | CSS1 |
|---|
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่เลือก
| ผู้เลือก | |||||
|---|---|---|---|---|---|
| :active | 4.0 | 7.0 | 2.0 | 3.1 | 9.6 |
หมายเหตุ: IE8 และรุ่นใหม่สนับสนุน: เลือกใช้งานอยู่บนองค์ประกอบทั้งหมด IE7 สนับสนุนเฉพาะ: ตัวเลือกในการเชื่อมโยงการใช้งาน
CSS ไวยากรณ์
:active {
css declarations ;
}
ตัวอย่างเพิ่มเติม
ตัวอย่าง
เลือกและรูปแบบ <p> <h1> และ <a> องค์ประกอบเมื่อคุณคลิกที่มัน
p:active, h1:active, a:active {
background-color: yellow;
} ลองตัวเอง» ตัวอย่าง
เลือกและรูปแบบ unvisited เยือนวางเมาส์และการเชื่อมโยงการใช้งาน:
/* unvisited link */
a:link {
color: green;
}
/* visited link */
a:visited {
color: green;
}
/* mouse over
link */
a:hover {
color: red;
}
/*
selected link */
a:active {
color: yellow;
}
ลองตัวเอง» ตัวอย่าง
การเชื่อมโยงอย่างมีสไตล์ด้วยรูปแบบที่แตกต่างกัน:
a.ex1:hover, a.ex1:active {
color: red;
}
a.ex2:hover, a.ex2:active {
font-size: 150%;
}
ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: ลิงค์ CSS
กวดวิชา CSS: คลาส CSS Pseudo