view:nth-child
时间: 2023-08-17 20:11:42 浏览: 45
:nth-child 是一个 CSS 伪类选择器,用来选择父元素中特定位置的子元素。它的语法是 `:nth-child(n)`,其中 `n` 是一个表示位置的参数。这个选择器会选中父元素中的第 `n` 个子元素。
例如,如果你想选中父元素的第二个子元素,可以使用 `:nth-child(2)`。如果你想选中父元素的奇数子元素,可以使用 `:nth-child(2n+1)`。
注意,`:nth-child` 选择器是基于子元素的位置,而不是它们的内容或其他属性。
相关问题
view:nth-child(n+2
`:nth-child(n+2)` 是 CSS 选择器中的一种,用于选取 HTML 元素集合中的第三个及其之后的元素。这里的 `n` 是一个整数,表示从父元素开始计数的位置。当 `n+2` 的值大于或等于 2 时,这个选择器会匹配所有第 3 个、第 4 个、第 5 个...个子元素。
例如,如果你有一个列表(ul 或 ol)且想要选中除了第一个和第二个列表项(li)之外的所有列表项,你可以使用 `li:nth-child(n+2)`。这将选取列表中的第三个、第四个、第五个...项。
#main > div > div.schedules-view__results > div:nth-child(5)
这个选择器可以匹配到第五个船期信息的外层`div`元素。如果你想提取这个船期信息的具体字段,可以在这个选择器的基础上再加上相应的选择器。
例如,如果你想提取该船期信息的`departure_port`字段,可以使用下面的选择器:
```
#main > div > div.schedules-view__results > div:nth-child(5) .departure-port__location
```
这个选择器使用了空格和类选择器,匹配到该船期信息内的`departure_port`字段对应的`div`元素,并提取出其中的文本内容。具体来说,这个选择器使用了类选择器`.departure-port__location`,匹配到class为`departure-port__location`的`div`元素。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)