พื้นฐานเค้าโครง DivCSS: วิธีกำหนดคลาสหลอก CSS อย่างถูกต้องได้อย่างไร

ผู้เขียน：Eve Cole เวลาอัปเดต：2009-06-07 16:06:50

ในรูปแบบหน้าเว็บ CSS ปัญหาของคลาสหลอก CSS จะเข้ามาเกี่ยวข้องอย่างหลีกเลี่ยงไม่ได้ จะกำหนดคลาสหลอก CSS อย่างถูกต้องได้อย่างไร แม้ว่าจะมีคำแนะนำที่เกี่ยวข้องมากมายในไซต์นี้ แต่ก็ไม่เสียหายที่จะทบทวน คุณสามารถเข้าใจได้โดยดูจากโค้ดด้านล่าง

ตัวอย่างซอร์สโค้ด [www.downcodes.com]

a.w3cbbs {ตกแต่งข้อความ: ไม่มี;}
a.w3cbbs:ลิงก์{สี:#f90;}
a.w3cbbs:โฮเวอร์{สี:#fff;สีพื้นหลัง:#FF5900;}
a.w3cbbs:ใช้งานอยู่{สี:#FF5900;}

<a href="http://www.downcodes.com/" class="w3cbbs">วิธีแรกของการเขียน - เครือข่ายซอร์สโค้ด</a>

ตัวอย่างซอร์สโค้ด [www.downcodes.com]

.nav2 {สี: #777;การตกแต่งข้อความ: ไม่มี;}
a:link .nav2 {สี: #777;}
a:โฮเวอร์ .nav2 {สี: #f60;}
a:active .nav2 {สี: #f60;}

<a href="http://www.downcodes.com/">
<span class="nav2">วิธีที่สองของการเขียน - เครือข่ายซอร์สโค้ด</span>
</a>

ตัวอย่างซอร์สโค้ด [www.downcodes.com]

.www52css a {การตกแต่งข้อความ: none;color: #ccc;
.www52css a: เยี่ยมชม {สี: #ccc;}
.www52css a:โฮเวอร์ {สี: #f60;}

<span class="wwwdowncodes">
<a href="http://www.downcodes.com/">วิธีที่สามในการเขียน - เครือข่ายซอร์สโค้ด</a>
</span>