ใน HTML กำหนดกฎของสไตล์ตามแอตทริบิวต์คลาสขององค์ประกอบ องค์ประกอบที่มีคลาสนั้นจะถูกจัดรูปแบบตามกฎที่กำหนดไว้ สิ่งนี้เรียกว่าตัวเลือกคลาส ในการเลือกองค์ประกอบที่มีคลาสเฉพาะ คุณต้องเขียนอักขระจุด (.) ตามด้วยชื่อของคลาส เช่น .black
.black {
color: #000000;
} แสดงเนื้อหาเป็นสีดำสำหรับทุกองค์ประกอบโดยตั้งค่าแอตทริบิวต์ class เป็นสีดำในเอกสารของเรา ตัวอย่างเช่น แสดงเนื้อหาเป็นสีดำสำหรับองค์ประกอบ
เท่านั้นโดยตั้งค่าแอตทริบิวต์ class เป็นสีดำ h3.black {
color: #000000;
}
อีกตัวอย่างหนึ่งอาจรวมถึงการใส่สไตล์แท็ก
ต่อไปนี้ จัดรูปแบบองค์ประกอบ
ทั้งหมดด้วย class="device"
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<style>
p.device {
background: #000000;
color: #fffffF;
}
</style>
</head>
<body>
<p>This is demo text</p>
<p class="device">Information about devices.</p>
<p>This is demo text</p>
</body>
</html> การจัดสไตล์ของแท็ก
สามารถทำได้หลายคลาส เช่น อุปกรณ์และอุปกรณ์เสริมที่นี่
ตัวอย่าง
<!DOCTYPE html>
<html>
<head>
<style>
p.device {
background: #000000;
color: #fffffF;
}
p.accessories {
text-align: center;
}
</style>
</head>
<body>
<p class="device accessories">DEVICE DETAILS</p>
<p class="device">Information about devices.</p>
</body>
</html> 