在HTML中,根据元素的class属性定义样式规则。具有该类的元素将根据定义的规则进行格式化。这称为类选择器。要选择具有特定类的元素,需要编写一个句点(。)字符,后跟类的名称,例如.black
.black { color: #000000; }
对于文档中class属性设置为black的每个元素,以黑色显示内容。例如,仅将class属性设置为black的<h3>元素以黑色呈现内容。
h3.black { color: #000000; }
另一个示例可以包括设置<p>标签的样式。通过以下步骤,用class =“ device”设置所有<p>元素的样式
<!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>
<p>标签的样式可以使用多个类来完成,例如,此处的设备和附件
<!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>