前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >75 - 伪类选择器

75 - 伪类选择器

原创
作者头像
ruochen
修改2021-06-15 10:54:13
5220
修改2021-06-15 10:54:13
举报
文章被收录于专栏:若尘的技术专栏

解释什么是伪类选择器,以及如何使用伪类选择器

代码语言:txt
复制
import pyquery
from pyquery import PyQuery as pq

html = '''
<div>
    <ul>
        <li class="item1"><a href="https://geekori.com">geekori.com</a></li>
        <li class="item2"><a href="https://www.jd.com">京东商城(https://www.jd.com)</a></li>
        <li class="item3"><a href="https://www.taobao.com">淘宝</a></li>
        <li class="item2"><a href="https://www.microsoft.com">微软</a></li>
        <li class="item1"><a href="https://www.google.com">谷歌</a></li>
    </ul>
</div>
'''

'''
伪类选择器
CSS选择器
'''

doc = pq(html)
# 选取第一个li节点
li = doc('li:first-child')
print(li)

# 选取最后一个li节点
li = doc('li:last-child')
print(li)

# 选取第三个li节点
li = doc('li:nth-child(3)')  # 索引从1开始
print(li)

# 选取索引小于2的li节点(索引从0开始)
li = doc('li:lt(2)')
print(li)

# 选取索引大于3的li节点(索引从0开始)
li = doc('li:gt(3)')
print(li)

# 选取序号为奇数的li节点, 第1个li节点的序号为1
li = doc('li:nth-child(2n+1)')
print(li)

# 选取序号为偶数的li节点, 第1个li节点的序号为1
li = doc('li:nth-child(2n)')
print(li)


# 选取文本内容包含com的所有li节点
li = doc('li:contains(com)')
print(li)

# 选取文本内容包含com的所有节点
li = doc(':contains(com)')
print(li)
代码语言:txt
复制
<li class="item1"><a href="https://geekori.com">geekori.com</a></li>
代码语言:txt
复制
<li class="item1"><a href="https://www.google.com">谷歌</a></li>
代码语言:txt
复制
<li class="item3"><a href="https://www.taobao.com">淘宝</a></li>
代码语言:txt
复制
<li class="item1"><a href="https://geekori.com">geekori.com</a></li>
代码语言:txt
复制
        <li class="item2"><a href="https://www.jd.com">京东商城(https://www.jd.com)</a></li>
代码语言:txt
复制
<li class="item1"><a href="https://www.google.com">谷歌</a></li>
代码语言:txt
复制
<li class="item1"><a href="https://geekori.com">geekori.com</a></li>
代码语言:txt
复制
        <li class="item3"><a href="https://www.taobao.com">淘宝</a></li>
代码语言:txt
复制
        <li class="item1"><a href="https://www.google.com">谷歌</a></li>
代码语言:txt
复制
<li class="item2"><a href="https://www.jd.com">京东商城(https://www.jd.com)</a></li>
代码语言:txt
复制
        <li class="item2"><a href="https://www.microsoft.com">微软</a></li>
代码语言:txt
复制
<li class="item1"><a href="https://geekori.com">geekori.com</a></li>
代码语言:txt
复制
        <li class="item2"><a href="https://www.jd.com">京东商城(https://www.jd.com)</a></li>
代码语言:txt
复制
<div>
代码语言:txt
复制
    <ul>
代码语言:txt
复制
        <li class="item1"><a href="https://geekori.com">geekori.com</a></li>
代码语言:txt
复制
        <li class="item2"><a href="https://www.jd.com">京东商城(https://www.jd.com)</a></li>
代码语言:txt
复制
        <li class="item3"><a href="https://www.taobao.com">淘宝</a></li>
代码语言:txt
复制
        <li class="item2"><a href="https://www.microsoft.com">微软</a></li>
代码语言:txt
复制
        <li class="item1"><a href="https://www.google.com">谷歌</a></li>
代码语言:txt
复制
    </ul>
代码语言:txt
复制
</div><ul>
代码语言:txt
复制
        <li class="item1"><a href="https://geekori.com">geekori.com</a></li>
代码语言:txt
复制
        <li class="item2"><a href="https://www.jd.com">京东商城(https://www.jd.com)</a></li>
代码语言:txt
复制
        <li class="item3"><a href="https://www.taobao.com">淘宝</a></li>
代码语言:txt
复制
        <li class="item2"><a href="https://www.microsoft.com">微软</a></li>
代码语言:txt
复制
        <li class="item1"><a href="https://www.google.com">谷歌</a></li>
代码语言:txt
复制
    </ul>
代码语言:txt
复制
<li class="item1"><a href="https://geekori.com">geekori.com</a></li>
代码语言:txt
复制
        <a href="https://geekori.com">geekori.com</a><li class="item2"><a href="https://www.jd.com">京东商城(https://www.jd.com)</a></li>
代码语言:txt
复制
        <a href="https://www.jd.com">京东商城(https://www.jd.com)</a>

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 解释什么是伪类选择器,以及如何使用伪类选择器
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档