30/09/2018, 17:34

[CSS] Thắc mắc dấu ">" và " "(khoảng trắng) trong selector

Như tiêu đề em đang ngáo đá ở khoảng này nhất là khi làm 1 thanh menu CSS đa cấp
mọi người chỉ em với
vd:

  • #menu ul li ul li
  • #menu ul>li>ul>li
Nguyễn Phú viết 19:39 ngày 30/09/2018

Dấu > nghĩa là style áp dụng cho 1 cấp con đầu tiên, trong khi dấu khoảng trắng thì không phân biệt.
ex:
cho 1 đoạn html

<ul class="menu">
	<li class="menu-item">
		<ul class="submenu">
			<li class="submenu-item"></li>
			<li></li>
		</ul>
	</li>
</ul>
.menu > li {
// áp dụng cho children cấp 1
}
.menu li {
// áp dụng lên tất cả li mà .menu chứa
}
Bài liên quan
0