Scrapy CSS选择器

官方文档的CSS选择器太简短,整理了一个比较全的。

*                                           
选择所有节点

#container                            
选择id为container的节点

.container                             
选择所有class包含container的节点

li a                                         
选取所有li 下所有a节点

ul + p                                     
选取ul后面的第一个p元素

div#container > ul                 
选取id为container的div的第一个ul子元素

ul ~p                                     
选取与ul相邻的所有p元素

a[title]                                   
 选取所有有title属性的a元素

a[href="http://jobbole.com"]       
选取所有href属性为http://jobbole.com的a元素

a[href*="jobbole"]                  
选取所有href属性值中包含jobbole的a元素

a[href^="http"]                       
选取所有href属性值中以http开头的a元素

a[href$=".jpg"]                       
选取所有href属性值中以.jpg结尾的a元素

input[type=radio]:checked    
选择选中的radio的元素

div:not(#container)              
 选取所有id为非container 的div属性

li:nth-child(3)                         
选取第三个li元素

li:nth-child(2n)                       
选取第偶数个li元素

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏九彩拼盘的叨叨叨

jQuery 选取元素概要

注意: 对于 jQuery 自定义的选择器,为了性能,先用 CSS 定义的选择器选,再从结果集中筛选时用 jQuery 自定义的选择器。如:

792
来自专栏前端儿

CSS- 文本超出指定宽度后隐藏并显示为省略号

  overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */   

1032
来自专栏天天

jQuery初识(20171025)

984
来自专栏柠檬先生

初探css3

属性选择器:   1.完全匹配的属性选择器。 就是完全匹配的字符串。     [id=article]{       color:red;    ...

2079
来自专栏用户2442861的专栏

css display table-cell

display 属性规定元素应该生成的框的类型,用的最多的就是display:block;显示 display:none;隐藏。

3261
来自专栏前端布道

CSS选择器详解

最近在做一些面试的工作,我经常会问的一个问题就是:CSS中有哪些选择器。我往往得到的答案就是id选择器啊、class选择器啊,再追问下去就没了,这让我很是意外!...

3514
来自专栏个人随笔

jQuery 选择器

jQuery网页脚本语言核心之一 概述: 1. 选择器是jQuery的基础 2. 对事件处理,遍历DOM和Ajax操作都依赖于选择器 3. 可简化代码 什么是j...

4569
来自专栏用户2442861的专栏

display:inline、block、inline-block的区别

http://www.cnblogs.com/jdonson/archive/2011/06/10/2077932.html

1001
来自专栏逸鹏说道

jQuery选择器大全(48个代码片段+21幅图演示)1

选择器是jQuery最基础的东西,本文中列举的选择器基本上囊括了所有的jQuery选择器,也许各位通过这篇文章能够加深对jQuery选择器的理解,它们本身用法就...

3577
来自专栏WD学习记录

html学习笔记1

1.网页文档的结构和格式的定义是由HTML元素来完成的.HTML元素是由单个或一对标签定义的范围。一个标签就是左右分别有(<)(>)的字符串。开始标签是指不以/...

1153

扫码关注云+社区

领取腾讯云代金券