css-selectors相关内容

LESS 中的直接子选择器

是否有 LESS 在其输出中应用直接子选择器 ( > )? 在我的 style.less 中,我想写这样的东西: .panel {...>.控制 {...}} 并让 LESS 生成如下内容: .panel >.控制 { ... } 解决方案 更新 实际上,原始问题中的代码可以正常工作.你可以坚持使用 > 子选择器. 找到答案了. .panel {...>.控制​​{. ..
发布时间:2022-01-10 08:09:37 前端开发

使用第 n 个子值作为 SASS 变量

有没有办法将 nth-child 值用作 SASS 变量? 使用示例: div:nth-child(n) {内容:'#{$n}'} div:nth-child(n) {背景:rgb(#{$n}, #{$n}, #{$n});} 解决方案 我不认为有办法做到这一点.但是你可以使用 @for 指令来循环已知数量的元素: $elements: 15;@for $i 从 0 到 $elem ..
发布时间:2022-01-10 08:09:22 前端开发

“*"是什么意思?在 CSS 中是什么意思?

我一直在查看 Facebook 和 Youtube 等许多网站的 CSS 文件. 在几乎所有的代码中,我都看到了这段代码: * {边距:0;填充:0;} 这很奇怪,因为在 chrome web 开发人员工具中删除该块不会影响页面的布局. 这段代码是什么意思,什么时候使用,为什么使用? 解决方案 这是一种称为 CSS 重置的常用技术.不同的浏览器使用不同的默认边距,导致站点看 ..
发布时间:2022-01-10 08:09:14 前端开发

“大于"是怎么回事?或“>"CSS中使用的字符?

我在 CSS 文件中多次看到这个字符,但我不知道它是如何使用的.谁能向我解释一下,并展示它们在简化页面样式方面有何用处? 解决方案 这是一个 CSS 子选择器.P >SPAN 意味着将遵循的样式应用于作为 P 标记的子级的所有 SPAN 标记. 请注意,“孩子"的意思是“直接后代",而不仅仅是任何后代.P SPAN 是一个后代选择器,将遵循的样式应用于作为 P 子级的所有 SPAN ..
发布时间:2022-01-10 08:09:07 前端开发

伪类和伪元素有什么区别?

div::after {} 和 div:after {} 有什么区别?我们什么时候必须使用 :: 而不是 :? 双冒号和单冒号是为了区分伪类和伪元素. 上述语句的实际含义是什么? 解决方案 来自 https://developer.mozilla.org/en-US/docs/Learn/CSS/Introduction_to_CSS/Pseudo-classes_and_ps ..
发布时间:2022-01-10 08:08:59 前端开发

是否有与 :hover 相对的 CSS 伪类?

CSS中是否有伪类来指定 :not(:hover) 或者这是指定未悬停的项目的唯一方法? 我浏览了几个 CSS3 引用,但我没有看到任何提到 CSS 伪类来指定 :hover 的反面. 解决方案 是的,使用 :not(:hover) .child:not(:hover){不透明度:0.3;} .child {显示:内联块;背景:#000;边框:1px 实心#fff;宽度:50 ..
发布时间:2022-01-10 08:08:49 前端开发

判断jQuery是否没有找到任何元素

我正在使用 jQuery 的选择器,尤其是 id 选择器: $("#elementId")... 我应该如何判断 jQuery 是否找到了该元素?即使具有指定 id 的元素不存在,下一条语句给我:[object Object] alert($("#idThatDoesnotexist")); 解决方案 $('#idThatDoesnotexist').length 就是你要找的.(如果什 ..
发布时间:2022-01-10 08:08:41 其他开发

在 Python 中进行类似 jquery 的 HTML 解析?

是否有任何 Python 库可以让我解析类似于 jQuery 的 HTML 文档? 即我希望能够使用 CSS 选择器语法 从文档中抓取任意一组节点,读取它们的内容/属性等. 我以前使用过的唯一 Python HTML 解析库是 BeautifulSoup,尽管它很好,但我一直认为如果我有可用的 jQuery 语法,我的解析会更快.:D 解决方案 如果你精通BeautifulSo ..
发布时间:2022-01-10 08:08:24 Python

定位位置:当前处于“卡住"状态的粘性元素

位置:粘性适用于某些移动设备浏览器,因此您可以让菜单栏随页面一起滚动,但只要用户滚动经过它,它就会停留在视口的顶部. 但是,如果您想在粘性菜单栏当前“固定"时稍微重新设置它的样式怎么办?例如,您可能希望栏在与页面一起滚动时具有圆角,但是一旦它粘在视口的顶部,您就想摆脱顶部的圆角,并在下面添加一点阴影它. 是否有任何类型的伪选择器(例如 ::stuck)来定位当前具有 position: ..
发布时间:2022-01-10 08:08:15 前端开发

我可以将 CSS 样式应用于元素名称吗?

我目前正在从事一个项目,我无法控制我应用 CSS 样式的 HTML.而且 HTML 没有很好地标记,因为没有足够的 id 和 class 声明来区分元素. 所以,我正在寻找可以将样式应用于没有 id 或 class 属性的对象的方法. 有时,表单项具有“名称"或“值"属性: 有没有一种方法可以应用基于 name="goButton" 的样式?“价值"呢? 这种情况很难找到, ..
发布时间:2022-01-10 08:08:06 前端开发

jQuery - 从类的元素中获取属性值的列表

我有一个类 .object,它有一个名为 level 的属性.我想在页面上获取 level 的所有不同值的列表,以便我可以选择最高的值. 如果我这样做: $(".object").attr("level") ...这会给我一个作为级别属性值的值列表吗?我怀疑不是,但是你怎么做这样的事情? 注意:我不想像更常见的那样选择要操作的 HTML 对象,而是想选择属性的值. 编辑:为了 ..
发布时间:2022-01-10 08:07:51 其他开发

CSS :not(:last-child):after 选择器

我有一个元素列表,其样式如下: ul {列表样式类型:无;文本对齐:居中;}李{显示:内联;}li:not(:last-child):after {内容:'|';} 一个 两个 三 四 五 输出 一个 |二 |三 |四 |五个 | 而不是 一个 |二 |三 |四 |五 有人知道如何通 ..
发布时间:2022-01-10 08:07:32 前端开发

:not() 否定是否接受后代选择器?

我一直在使用 :not() 伪类来设置样式,而无需使用第二个不必要的声明来撤消第一个声明来覆盖它,但现在我遇到了一个奇怪的行为,Safari 接受 :not() 中的后代选择器,但 Chrome 不接受. 我使用了类似 a:not(.blue a). 我搜索了答案,但我仍然不完全理解原因.规范真的允许后代选择器吗? 这是一个演示: a:not(.blue a) {红色;} ..
发布时间:2022-01-10 08:07:23 前端开发

使用 selenium 函数按名称查找元素时元素不可交互,但在通过 xpath 方法使用查找元素时有效

我有一个网页,我正在尝试登录它.当我使用按名称查找元素的方法来查找元素时,我得到元素不可交互错误,但是当我通过 xpath 使用查找元素时,它工作正常并且没有错误.谁能解释一下为什么通过 name 方法找到它时无法与元素交互? 对于用户 ID、密码和登录元素也观察到同样的问题.我敢肯定,即使按名称使用方法网站已加载并可以使用.下面是网页登录截图 我的 HTML 代码如下 下面是我 ..

CSS - 有表亲选择器吗?

假设我有下表(JS Fiddle): TBODY 的行已使用 :nth-child(2n) 选择器进行了斑马条纹处理.但是 TFOOT 中行的背景没有获得这些样式,并且只要表在 TBODY 中有偶数行,就会破坏偶数/奇数条带. 我想选择带有 .data-table tbody tr:nth-child(2n):last-child + tr 之类的 TFOOT 行,但这不起作用.+ ..
发布时间:2022-01-10 08:06:58 前端开发