Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> Javascript

ตัวเลือกแอตทริบิวต์ใน CSS


คุณยังสามารถนำสไตล์ไปใช้กับองค์ประกอบ HTML ที่มีแอตทริบิวต์เฉพาะได้ กฎรูปแบบด้านล่างจะจับคู่องค์ประกอบอินพุตทั้งหมดที่มีแอตทริบิวต์ประเภทที่มีค่า ข้อความ

input[type = "text"]{
   color: #000000;
}

ต่อไปนี้เป็นกฎที่ใช้กับตัวเลือกแอตทริบิวต์

  • p[lang] - เลือกองค์ประกอบย่อหน้าทั้งหมดที่มีแอตทริบิวต์ lang
  • p[lang="fr"] - เลือกองค์ประกอบย่อหน้าทั้งหมดที่มีแอตทริบิวต์ lang มีค่าเท่ากับ "fr"
  • p[lang~="fr"] - เลือกองค์ประกอบย่อหน้าทั้งหมดที่มีแอตทริบิวต์ lang ที่มีคำว่า "fr"
  • p[lang|="en"] - เลือกองค์ประกอบย่อหน้าทั้งหมดที่มีแอตทริบิวต์ lang ที่มีค่า "en" ทุกประการ หรือขึ้นต้นด้วย "en-"