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:

html<div id="block" class="large">
  <p>text</p>
  <p>text</p>
</div>

css#block {
  color: red;
  font-family: Arial;
}
.large {
  font-size: 30px;
}

html<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>