css นั้นนอกจากจะแบ่งการทำงานออกเป็น class และ id แล้ว ยังมีการทำงานพิเศษที่ใช้กับ Tag Html บางตัวโดยเฉพาะอีกด้วย

Anchor Pseudo-classes

การใช้งาน css กับ Tag Html “a” เป็นแบ่งได้ 4 สถานะ คือ

a:link { color:#000000; }
a:hover {color:#ffffff; }
a:active { color:#333333; }
a:visited { color:#666666; }

เช่น
a:link { color:#000000; }
a:hover {color:#ffffff; }
a:active { color:#333333; }
a:visited { color:#666666; }

First Line Pseudo-element

การใช้งาน css กับ Tag Html “p” เป็นคำสั่งการใช้งานให้บรรทััดแรกของพารากราฟมีการแสดงผลอย่างไร

P:first-line {css }

เช่น p:first-line {font-weigth: blod;}

First Letter Pseudo-element

การใช้งาน css กับ Tag Html Tag “p” เป็นคำสั่งการใช้งานให้ตัวแรกของพารากราฟมีการแสดงผลอย่างไร

P:first-letter { css }

เช่น P:first-letter {color: #666666;}


Tags: , , ,

Leave a Reply