首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

CSS选择器知识点整理

分隔,匹配E元素的所有直接子元素 | | E+F—直接相邻选择器 | 匹配E元素之后的相邻的同级元素F| |E~F 普通相邻选择器 | 用匹配E元素之后的同级元素F(无论直接相邻与否) |...| .class1.class2 | id和class选择器和选择器连写的时候中间没有分隔符,....和 # 本身充当分隔符的元素| |element#id | id和class选择器和选择器连写的时候中间没有分隔符,....匹配父元素下使用同种标签的唯一一个子元素,等同于:first-of-type:last-of-type或 :nth-of-type(1):nth-last-of-type(1)| | E:empty | 匹配一个包含任何子元素的元素...:first-letter| 匹配E元素内容的第一个字母 | | E::before | 在E元素之前插入生成的内容 | | E::after | 在E元素之后插入生成的内容 | 3、选择器的优先级是怎样的

1.1K50
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    【QT】QT样式表语法

    样式表可通过QApplication::setStyleSheet()函数将其设置到整个应用程序上,也可以使用QWidget::setStyleSheet()将其设置到指定的部件或子部件上,不同级别均可设置样式表...样式表中一般区分大小写,如color与COLOR表相同属性,类名、对象名以及Qt属性名区分大小写。 声明中的多组"属性 : 值"列表以分号;隔开。...例如: 下来按钮设置图片属性: QComboBox::drop-down{image:url(dropdown.png)} 伪状态 1.选择器可以包含伪状态来限制规则在部件的指定状态上的应用。...伪状态在选择器之后,用冒号隔离。如: 鼠标悬停在按钮上时被应用: QPushButton:hover{color:white} 鼠标悬停在按钮上时被应用(!表否定) QPushButton.!...qproperty-titleColor:rgb(100,200,100);} QPushButton{qproperty-iconSize:20px 20px;} 盒子模型 使用样式表时,每个部件被看作拥有4个同心矩形的盒子,四个矩形的内容分别为内容

    1.5K31

    Xpath、Jsoup、Xsoup(我的Java爬虫之二)

    选取未知节点 通配符 描述 * 匹配任何元素节点。 @* 匹配任何属性节点。 node() 匹配任何类型的节点。...B,比如:div.head + div siblingA ~ siblingX: 查找A元素之前的同级X元素,比如:h1 ~ p el, el, el:多个选择器组合,查找匹配任一选择器的唯一元素,例如...:gt(n):查找哪些元素的同级索引值大于n,比如: div p:gt(2)表示哪些div中有包含2个以上的p元素 :eq(n): 查找哪些元素的同级索引值与n相等,比如:form input:eq(...1)表示包含一个input标签的Form元素 :has(seletor): 查找匹配选择包含元素的元素,比如:div:has(p)表示哪些div包含了p元素 :not(selector): 查找与选择匹配的元素...,比如: div:not(.logo) 表示包含 class=logo 元素的所有 div 列表 :contains(text): 查找包含给定文本的元素,搜索区分大不写,比如: p:contains

    1.7K20

    每天10个前端小知识 【Day 15】

    行框的排列会受到中间空白(回车空格)等的影响,因为空格也属于字符,这些空白也会被应用样式,占据空间,所以会有间隔,把字符大小设为0,就没有空格了。...换句话说,其允许我们在不改变内容的情况下,改变页面的布局以精确适应不同的设备。 6.为什么会出现浮动?什么时候需要清除浮动?清除浮动的方式有哪些? 浮动元素碰到包含它的边框或者浮动元素的边框停留。...,包含 padding 和 border 值。...所以上面问题中,设置width为200px,但由于存在padding,实际上盒子的宽度有240px。...语法: box-sizing: content-box|border-box|inherit; content-box 默认值,元素的 width/height 包含padding,border,与标准盒子模型表现一致

    11010

    java使用Jsoup精准爬取招聘信息

    B,比如:div.head + div siblingA ~ siblingX: 查找A元素之前的同级X元素,比如:h1 ~ p el, el, el:多个选择器组合,查找匹配任一选择器的唯一元素,...:gt(n):查找哪些元素的同级索引值大于n,比如: div p:gt(2)表示哪些div中有包含2个以上的p元素 :eq(n): 查找哪些元素的同级索引值与n相等,比如:form input:eq...(1)表示包含一个input标签的Form元素 :has(seletor): 查找匹配选择包含元素的元素,比如:div:has(p)表示哪些div包含了p元素 :not(selector): 查找与选择匹配的元素...,比如: div:not(.logo) 表示包含 class=logo 元素的所有 div 列表 :contains(text): 查找包含给定文本的元素,搜索区分大不写,比如: p:contains...Selector API参考来了解更详细的内容 重点在下面 jsoup可以很灵活的取html里的任何数据 @Component public class LaGouCrawler extends

    27140

    GitHug备忘 原

    如前所述,作为一个分布式的版本控制系统,在Git中并不存在主库这样的概念,每一份复制出的库都可以独立使用,任何两个库之间的不一致之处都可以进行合并。...任何希望节省时间并希望和团队其它成员一样远离页面频繁转换之苦的人士都会从GitHub中获得他们真正想要的价值。 在GitHub,用户可以十分轻易地找到海量的开源代码。...若要配合eclipse,需要注意的是,工作空间最好不要和git仓库在同级目录,而应该eclipse的工作空间包含git仓库,结构应该如下: ----workspace ---------git ----...这里还有一种方式是在左侧找到仓库名称右键选择Shell,在这里输入如下命令 git push ?     ...本地变化,远程无变化,处理。         本地变化,远程变化,提示冲突&处理。     说下冲突吧,当冲突时出现如下界面: ?

    45250

    【CSS】323- 深度解析 CSS 中的“浮动”

    第二个影响:影响了父容器的高度,正常父元素的高度是自适应的,高度为其包含内容总高度,而内部元素的浮动造成了父容器高度塌陷。 第三个影响:父容器高度塌陷了,将会影响和父元素同级的文档布局。...> 和父级元素同级的容器, 没有设置任何浮动, 背景为绿色 和父级元素同级的容器, 没有设置任何浮动, 背景为绿色...> 和父级元素同级的容器, 没有设置任何浮动, 背景为绿色 和父级元素同级的容器, 没有设置任何浮动, 背景为绿色...> 和父级元素同级的容器, 没有设置任何浮动, 背景为绿色 和父级元素同级的容器, 没有设置任何浮动, 背景为绿色...其实清除浮动时,content都会写成空的字符串,如果content里面只设置成''空的字符,那么height也可以写,包括overflow也可以写,写height和overflow都是为了代码的鲁棒性

    98820

    ​Traefik 2 基础授权验证(前篇)

    [服务启动之后] Basic Auth 使用 Traefik 为应用添加 Basic Auth 非常简单,只需要定义一个包含 basicAuth 用户名密码的中间件声明,然后在需要使用 Basic Auth...如何配置多个账号密码 配置多个账号密码可以使用两种方式: 使用包含多个账号的配置文件 使用包含多个账号的环境变量 如果你有多个应用都希望使用 Basic Auth 来进行基础保护,那么可以在 Traefik...如果你想选择使用 Digest 作为鉴权,同样是建议的,如果有 Basic Auth 最后一小节中的需求理由,可以直接使用 Basic Auth。...Forward Auth Forward Auth 相比上面两种方案,其实有质的不同,上面两种加密中间件本质提供的是RFC标准下的交互协议,而这个中间件提供的一个通用的鉴权业务能力:你可以自由对接任何你自己的鉴权系统...--EOF ----- 本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载、或重新修改使用,需要注明来源。

    86630

    前端面试(1)H5+css

    圣杯布局和双飞翼布局解决问题的方案在前一半是相同的,也就是三栏全部 float 浮动,左右两栏加上负 margin 让其跟中间栏 div 并排,以形成三栏布局。...标签选择器,类选择器,id 选择器,后代选择器, 属性选择器:属性选择器的标志性符号是 [],匹配含义:^:开头 $:结尾 *:包含。...伪元素选择器: E::before 设置在 元素 E 前面(依据对象树的逻辑结构)的内容,配合 content 属性一起使用。...color,选择颜色 date 选择日期 email 用于检测输入的是否为 email 格式的地址 month 选择月份 number 用于应该包含数值的输入域,可以设定对输入值的限定 range 用于定义一个滑动条...虽然是最常用的,并不是唯一的方法。

    1.3K20

    Jsoup选择器语法

    站在巨人的肩膀上才能看的更远 jsoup 是一款基于Java 的HTML解析器,可直接解析某个URL地址或HTML文本内容。...B,比如:div.head + div siblingA ~ siblingX: 查找A元素之前的同级X元素,比如:h1 ~ p el, el, el:多个选择器组合,查找匹配任一选择器的唯一元素,例如...:gt(n):查找哪些元素的同级索引值大于n,比如: div p:gt(2)表示哪些div中有包含2个以上的p元素 :eq(n): 查找哪些元素的同级索引值与n相等,比如:form input:eq(...1)表示包含一个input标签的Form元素 :has(seletor): 查找匹配选择包含元素的元素,比如:div:has(p)表示哪些div包含了p元素 :not(selector): 查找与选择匹配的元素...,比如: div:not(.logo) 表示包含 class=logo 元素的所有 div 列表 :contains(text): 查找包含给定文本的元素,搜索区分大不写,比如: p:contains

    1.7K30

    记一次jsoup的使用

    B,比如:div.head + div; siblingA ~ siblingX: 查找A元素之前的同级X元素,比如:h1 ~ p; el, el, el:多个选择器组合,查找匹配任一选择器的唯一元素...表示小 于三列的元素 :gt(n):查找哪些元素的同级索引值大于n,比如:div p:gt(2)表示哪些div中有包含2个以上的p元素 :eq(n): 查找哪些元素的同级索引值与n相等...,比如:form input:eq(1)表示包含一个input标签的Form元素 :has(seletor): 查找匹配选择包含元素的元素,比如:div:has(p)表示哪些div包含了p元素...:not(selector): 查找与选择匹配的元素,比如:div:not(.logo) 表示包含 class="logo" 元素的所有 div 列表 :contains(text):...查找包含给定文本的元素,搜索区分大不写,比如:p:contains(jsoup) :containsOwn(text): 查找直接包含给定文本的元素 :matches(regex): 查找哪些元素的文本匹配指定的正则表达式

    1.5K30

    Traefik 2 基础授权验证(前篇)

    服务启动之后 Basic Auth 使用 Traefik 为应用添加 Basic Auth 非常简单,只需要定义一个包含 basicAuth 用户名密码的中间件声明,然后在需要使用 Basic Auth...使用包含多个账号的环境变量 如果你有多个应用都希望使用 Basic Auth 来进行基础保护,那么可以在 Traefik 的动态配置中添加这个“验证中间件”,如果你还不了解如何配置 Traefik,可以参考这篇文章...如果你想选择使用 Digest 作为鉴权,同样是建议的,如果有 Basic Auth 最后一小节中的需求理由,可以直接使用 Basic Auth。...Forward Auth Forward Auth 相比上面两种方案,其实有质的不同,上面两种加密中间件本质提供的是RFC标准下的交互协议,而这个中间件提供的一个通用的鉴权业务能力:你可以自由对接任何你自己的鉴权系统...(请注明来源和目的,否则不会通过审核) 关于折腾群入群的那些事 ---- 本文使用「署名 4.0 国际 (CC BY 4.0)」许可协议,欢迎转载、或重新修改使用,需要注明来源。

    2.3K30

    HTML常见面试题

    >”结束,中间为PHP操作代码 2.以开头, 结束,中间为PHP操作代码 3.以””结束,中间为PHP代码。 4. Label 的作用是什么? label 标签来定义表单控制间的关系,当用户选择该标签时,浏览器会自动将焦点转到和标签相关的表单控件上。 5....标准盒子模型:宽度=内容的宽度(content)+ border + padding + margin 低版本IE盒子模型:宽度=内容宽度(content+border+padding)+ margin...浮动带来的问题: 父元素的高度无法被撑开,影响与父元素同级的元素 与浮动元素同级的非浮动元素(内联元素)会跟随其后 若非第一个元素浮动,则该元素之前的元素也需要浮动,否则会影响页面显示的结构。...包含浮动元素的父标签添加样式overflow为hidden。 父级div定义zoom 16. 简述一下 src 与 href 的区别。

    9710

    Web 自动化实战经验硬核总结

    一、元素定位常用方法 1. xpath规则说明 "/" : 表示从根节点选取 "//" : 从匹配选择的当前节点选择 "@" : 选取属性 "*" : 匹配任何元素节点 "@*" : 匹配任何属性节点...()] 含义:定位最后一个 input标签 //input[last()-1] 含义:倒数第二个input标签 not()函数 //input[not(@id)] 含义:input标签中包含...value="登录"属性的标签 [type="submit"] 选择标签上有type="submit"属性的标签 属性选择器—指定值 [title] 匹配属性有title的标签 属性选择器—指定标签...a[title] 匹配属性有title的a标签 属性选择器—匹配单词边界 a[title~=“hello”] 匹配title包含hello的a标签 后代选择器(空格表示),可选取当前层级下的任意层级元素...(+),表示只能选择同级的下一个元素 例如:#ab+.ab 含义:匹配id为ab的同级下一元素且该元素的class为ab才能匹配到 后续兄弟选择器(~表示),选取指定元素后的所有同级指定元素 例如:.ab

    94420

    【量化投资】缠论面面观(附Python源码)

    这里有一个细微的地方要分清楚,因为结合律是必须遵守的,像图3这种,顶和底之间必须共用一个K线,这就违反结合律了,所以这不算一笔,而图4,就光是顶和底了,中间没有其他K线,一般来说,也最好不算一笔,而图...经过这样的处理,所有K线图都可以处理成没有包含关系的图形。在我的处理中,将下方这些形式都进行了包含关系的处理。...缠论中根据可操作性定义了不同显微级别的,对于中枢和走势类型,也就有了关于不同级别的图形的研究。进而,就有了不同级别显微镜的比喻。...而如果你已经选择 1 分钟作为最基本的图,也就是选定了 1 分钟这个倍数的显微镜,那么看 1 分钟图就可以。...缠论具体细则可参考《教你炒股票-缠中说禅》(在第二篇推文里提供下载地址),其中关于“分型,笔,线段”的内容可参考第62-65课的内容

    13K84
    领券