Làm thế nào là các nhân vật lớn hơn so với các nhân vật khác trong số những người hay sử dụng CSS trong CSS?

Tôi đã thấy nhân vật này một số lần trong các tệp CSS nhưng tôi không biết nó được sử dụng như thế nào. Bất cứ ai có thể giải thích cho tôi và cho thấy làm thế nào chúng hữu ích trong việc làm cho một kiểu trang dễ dàng hơn?

Đó là một bộ chọn con CSS. P > SPANcó nghĩa là áp dụng kiểu theo sau cho tất cả các thẻ SPAN là con của Pthẻ.

Lưu ý rằng "con" có nghĩa là "hậu duệ ngay lập tức", không chỉ bất kỳ hậu duệ nào. P SPANlà một công cụ chọn hậu duệ , áp dụng kiểu theo sau cho tất cả SPANcác thẻ là con của Pthẻ hoặc con đệ quy của bất kỳ thẻ nào khác là con / hậu duệ của Pthẻ. P > SPANchỉ áp dụng cho SPANcác thẻ là con của một Pthẻ.

p em

sẽ phù hợp với bất kỳ <em>trong vòng a <p>. Chẳng hạn, nó sẽ khớp với các <em>s sau :

<p><strong><em>foo</em></strong></p>
<p>Text <em>foo</em> bar</p>

Mặt khác,

p > em

Sẽ chỉ phù hợp với <em>s mà là con ngay lập tức <p>. Vì vậy, nó sẽ phù hợp:

<p>Text <em>foo</em> bar</p>

Nhưng không:

<p><strong><em>foo</em></strong></p>

cái này được gọi là Bộ kết hợp trẻ em:

Một bộ chọn kết hợp con đã được thêm vào để có thể định kiểu nội dung của các phần tử có trong các phần tử được chỉ định khác. Ví dụ: giả sử người ta muốn đặt màu trắng là màu của các siêu liên kết bên trong các thẻ div cho một lớp nhất định vì chúng có nền tối. Điều này có thể được thực hiện bằng cách sử dụng dấu chấm để kết hợp div với tài nguyên lớp và dấu lớn hơn là dấu tổ hợp để kết hợp cặp với a, như được hiển thị bên dưới:

div.resources > a{color: white;}

(từ http://www.xml.com/pub/a/2003/06/18/css3-selector.html )

E > F

Khớp với bất kỳ phần tử F nào là con của phần tử E.

thêm về http://www.w3.org/TR/CSS21/selector.html#child-selector