กฎเพิ่มเติมในการเขียน CSS

นอกจาก code พื้นฐาน css ที่รู้จักกันแล้ว css นั้น ยังมีกฏพิเศษเพิ่มเติมอีกด้วย

1. การเขียนคำอธิบาย css (css comment)

ในการเขียน css นั้น เราสามารถเขียนคำอธิบาย code css เหล่านั้นได้

สัญลักษณ์ที่ใช้ : /*คำอธิบาย*/

เช่น #comment {color: #ffffff;} /*ให้ตัวอักษรเป็นสีขาว*/

โดยทั่วไปแล้ว การทำงานของ css นั้น จะถูกอ่านจากบนลงล่าง หากมีการเขียนซ้ำ class หรือ id เดิม อันที่อยู่ด้านล่าง จะถูกทำเป็นลำดับสุดท้าย เช่น

.rock1{color:#000000;}
.
.
.
.rock1{color:#ff0000;}

หากมีการเรียกใช้ class =”rock1″ ผลที่ได้คือ เราจะได้ตัวอักษรเป็นสี #ff0000

ใช้ในกรณีที่เราต้องการให้ css ตัวนั้นแสดงผลก่อน หากมีการเขียนโค็ดใช้งานขึ้นซ้ำกัน ( ซึ่งหากมีการเขียนซ้ำกัน ระบบ css จะเอาตัวหลังสุดมาแสดงผลก่อน )

สัญลักษณ์ที่ใช้ : !important

.rock1{color:#000000 !important; }
.
.
.
.rock1{color:#ff0000;}

หากมีการเรียกใช้ class =”rock1″ ผลที่ได้คือ เราจะได้ตัวอักษรเป็นสี #000000

ในกรณีที่เรามีการใช้ css ตัวเดียวกัน เราสามารถเขียนรวมคำสั่งทั้ง id class และ tag html เป็นชุดเดียวกันได้ครับ

สัญลักษณ์ที่ใช้ : ตัวที่1,ตัวที่2,ตัวที่3,….,ตัวที่สุดท้าย {css}

เช่น
h1,h2,h3,h4,h5,h6 {color: #000000;}
#rock1,.rock2,p,h3 {font-size: 15px; color: #ffffff;}