CSS .class ตัวเลือก

การเขียนและการใช้งาน

CSS .class ตัวเลือกใช้เพื่อเลือกองค์ประกอบที่มีค่า class ของคุณสมบัติที่เฉพาะ

เพื่อเลือกองค์ประกอบที่มี class ทุกชนิด โปรดเขียนชื่อองค์ประกอบ.) ตัวอักษร，ตามด้วย class ของคุณสมบัติที่เฉพาะ

element.class ตัวเลือกใช้เพื่อเลือกองค์ประกอบที่มีค่า class ของคุณสมบัติที่เฉพาะ

เพื่อเลือกองค์ประกอบที่มีค่า class องค์ประกอบชนิดหนึ่ง.) ตัวอักษร，ตามด้วย class ค่าของอุปกรณ์ (ดูตัวอย่างด้านล่าง 2)。

คำเตือน：HTML องค์ประกอบยังสามารถอ้างถึงหลายรูปแบบ class（ดูตัวอย่างด้านล่าง 3）。

ตัวอย่าง

ตัวอย่าง 1

ตัวเลือกและกำหนดรูปแบบขององค์ประกอบที่มี class="intro":

.intro {
  background-color: yellow;
}

ทดลองด้วยตัวเอง

ตัวอย่าง 2

ตัวเลือกและกำหนดรูปแบบของ <p> ที่มี class="intro":

p.intro {
  background-color: yellow;
}

ทดลองด้วยตัวเอง

ตัวอย่าง 3

.class วิธีใช้ตัวเลือกต่างๆ

/* ตัวเลือก องค์ประกอบที่มี class="center" */
.center {
  text-align: center;
}
/* ตัวเลือก <p> ที่มี class="large" */
p.large {
  font-size: 200%;
}
/* ตัวเลือก <p> ที่มี class รวมถึง "fancy" และ "beige" */
p.fancy.beige {
  font-family: 'Courier New', monospace;
  background-color: beige;
  border: 2px solid green;
}
/* ตัวเลือก class="ex1" ของ <p> องค์ประกอบภายในที่มี class="ex2" */
p.ex1 .ex2 {
  background-color: yellow;
}

ทดลองด้วยตัวเอง

CSS ระบบภาษา

.class {
  css declarations;
}

CSS ระบบภาษา

element.class {
  css declarations;
}

รายละเอียดเทคโนโลยี

สนับสนุนเบราเซอร์