Bộ chọn theo id và các lớp CSS
Một phần tử có thể được đặt cả id,
và các lớp. Trong trường hợp này, một phần kiểu
của phần tử có thể được đặt thông qua id,
còn phần kiểu khác - thông qua lớp:
<div id="block" class="large">
<p>text</p>
<p>text</p>
</div>
#block {
color: red;
font-family: Arial;
}
.large {
font-size: 30px;
}
Hãy định kiểu cho các khối theo id và
theo lớp:
<div id="block" class="text">
<p>text</p>
<p>text</p>
<p>text</p>
</div>
<div class="text">
<p>text</p>
<p>text</p>
<p>text</p>
</div>
