CSS ตอน Link States #2

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

ตัวอย่าง

.linkclass:link, .linkclass:visited {
color:#999999;
}
.linkclass:hover, .linkclass:active {
color:#FF3333;
}

โค้ดในส่วนที่เป็นลิงก์ก็จะเป็น ดังนี้
<a href="#" class="linkclass">MY LINK</a>