5
tôi có mã này:Tại sao bộ chọn thứ n-con chọn các thành phần này?
<html>
<head>
<style type="text/css">
* > ul li:nth-child(4n+3) { color: red; }
</style>
</head>
<body>
<ul>
<li id="A" class="u">1</li>
<li>
<ol>
<li id="B" class="u">2.1</li>
<li id="C" class="g">2.2</li>
<li id="D" class="u">2.3</li>
<li id="E" class="g">2.4</li>
</ol>
</li>
<li id="F" class="u">3</li>
</ul>
</body>
</html>
Trong này nó chọn 2.3 và 3 nhưng tôi không hiểu tại sao điều này xảy ra.
Suy nghĩ của tôi là: Nó chọn đồng thời hai phần tử ở vị trí lẻ so với phần tử gốc. Nhưng có phải là 2.3 thực sự là vị trí thứ 3 hoặc 7? Tôi thực sự bị mắc kẹt, xin vui lòng giúp đỡ.
Bỏ qua dự phòng '*>', công cụ chọn của bạn có nghĩa là: "chọn mọi' li' là con của "4n + 3'th của phần tử gốc và là phần tử con của phần tử' ul' ". Không có thứ như "phần tử cha" với bộ chọn thứ n-con. Mỗi phần tử trên trang được chọn để xem liệu đó có phải là phần tử thứ n liên quan đến phần tử * của nó không. –