Hướng dẫn css universal selector best practices - các phương pháp hay nhất về bộ chọn phổ quát css

Cú pháp

Dấu hoa thị là tùy chọn với các bộ chọn đơn giản. Ví dụ,

* [lang^="en"] {
  color: green;
}

*.warning {
  color: red;
}

*#maincontent {
  border: 1px solid blue;
}

.floating {
  float: left;
}

/* automatically clear the next sibling after a floating element */
.floating + * {
  clear: left;
}

* [lang^="en"] {
  color: green;
}

*.warning {
  color: red;
}

*#maincontent {
  border: 1px solid blue;
}

.floating {
  float: left;
}

/* automatically clear the next sibling after a floating element */
.floating + * {
  clear: left;
}

Ví dụ

CSS

* [lang^="en"] {
  color: green;
}

*.warning {
  color: red;
}

*#maincontent {
  border: 1px solid blue;
}

.floating {
  float: left;
}

/* automatically clear the next sibling after a floating element */
.floating + * {
  clear: left;
}

HTML

<p class="warning">
  <span lang="en-us">A green spanspan> in a red paragraph.
p>
<p id="maincontent" lang="en-gb">
  <span class="warning">A red spanspan> in a green paragraph.
p>

Kết quả

Không gian tên

Trong ví dụ này, bộ chọn sẽ chỉ khớp các phần tử trong không gian tên ví dụ.

@namespace example url(http://www.example.com);
example|* {
  color: blue;
}

Xem thêm