css-selectors相关内容

> 之间是否存在功能差异?*:first-child 和 >:第一个孩子?

写一段代码,我注意到我在一个地方写了>:first-child 及以后的 >*:first-child.两个块似乎都可以正常工作,但两者之间有区别吗? 解决方案 即使我们考虑性能,它们也是相同的.从规范我们可以阅读 如果由 * 表示的通用选择器(即没有命名空间前缀)不是简单选择器选择器序列的唯一组成部分或紧随其后的是伪元素,则 * 可以省略 和通用选择器的存在隐含. 所以写>: ..
发布时间:2022-01-10 00:10:41 前端开发

选择器部分和部分的正确术语和单词

用逗号分隔的 CSS 选择器部分的正确术语是什么? body.foo .login , body.bar .login { ... }/* |第 1 部分 |第2部分 */ 在这些部分中,由组合符分隔的部分(空格、+、> 等)的术语是什么? body.foo .login , ... { ... }/* |第 1 部分 |第2部分 */ 解决方案 用逗号分隔 ..
发布时间:2022-01-10 00:10:11 前端开发

是否可以在 CSS3 选择器中使用 CSS 变量?

我正在尝试使用 CSS 变量进行一些实验,但我无法让它工作或找到任何有关它的文档.有谁知道是否可以在 CSS3 选择器中使用 CSS var? 我制作了以下示例来解释我正在尝试做的事情.此示例仅适用于 Chrome. JSFIDDLE http://jsfiddle.net/68Rrn/ CSS :root {-webkit-var-count:5;/* 定义我的变量!* ..
发布时间:2022-01-10 00:09:43 前端开发

为什么在css中使用空格分隔事物

这是我不理解的 wordpress 样式表中的一些内容: blockquote 引用,块引用 em,块引用我 {字体样式:正常;} blockquote 和 cite 之间的空格有什么作用?我知道如果它们用逗号分隔,那么 blockquote 和 cite 都会有 "font-style: normal;"现在它们用空格分隔,这是否意味着如果将块引用标签嵌入到引用标签中,它将得到“font-s ..
发布时间:2022-01-10 00:09:30 前端开发

无子但非空的 CSS 选择器

我想在下面的 HTML 片段中选择 BONKERS.它的区别在于它在 块中是单独的,而它的所有兄弟都包含 的.:empty 是显而易见的选择,但由于文本节点而无法使用.我以为我知道这些东西,但这让我发疯了. 紫红 ..
发布时间:2022-01-10 00:09:23 前端开发

Zebra 使用包装项目对 flexbox 表进行条带化

我正在寻找最简单的方法来对以下响应式 flexbox 表上的行进行斑马条纹处理. 换句话说,本例中的第 2 行和第 4 行,但没有限制,我不知道会有多少行,因为这是用于 CMS 系统中的可重用组件. HTML 不能更改,但行数和列数会经常更改.我很高兴对列而不是行设置限制. 有没有办法在纯 CSS 中做到这一点? .Rtable {显示:弯曲;弹性包装:换行;}.Rtabl ..
发布时间:2022-01-10 00:09:03 前端开发

每 n 次添加一次

我有一个想要以 3 种不同方式设置样式的元素列表. 我希望每个第三个列表项在整个列表中都具有相同的类. 例如: 一些内容 一些内容 一些内容 一些内容 一些内容 一些内容 ..
发布时间:2022-01-10 00:08:53 其他开发

每两个表行的第 n 个孩子

我需要将表格的每两行设为灰色,如果可能,我更愿意使用 nth-child. 我搞砸了 Chris Coyier 的 nth-child 测试员,但是还是拿不到. 我需要以下公式: 1,2 - 灰色3,4 - 白色5,6 - 灰色7,8 - 白色9,10 - 灰色 等等.我不想在 html 中放置一个类,因为我确信这将是一些人的建议.如果有办法用 nth-child 解决这个问题,那 ..
发布时间:2022-01-10 00:08:43 前端开发

如何仅在另一个元素内选择一个元素?

我有一个关于 CSS 选择器的问题.仅当 具有类名 saft 时,如何选择具有特定类名的 ?这个 CSS 类在别处使用,我不想到处更改样式. 解决方案 在父元素和后代元素之间只需使用 CSS 后代选择器(空格)即可: ul.s ..
发布时间:2022-01-10 00:08:25 前端开发

nth-child 不响应类选择器

除非不应该这样做,但我似乎无法让 nth-child 确认类选择器. 我说另一个 div 中有 4 个 div,所有不同的类和 id.我需要选择具有所述类的 div 的第一个实例.例如: #content .foo:nth-child(1) { margin-top: 0;} 显然再次使用 first-child 来获得相同的效果,但它不会影响任何 div. 现在,如果我想强制它与 ..
发布时间:2022-01-10 00:08:17 前端开发

:before 和 ::before 有什么区别?

我刚刚看到一个包含 ::before 标签的 CSS 代码.我查看了 MDN 看看 ::before 是什么是,但我真的不明白. 有人可以解释它是如何工作的吗? 它会在我们通过 CSS 选择之前创建一个 DOM 元素吗? 解决方案 这将伪元素与伪类区分开来. 伪类和伪元素的区别在 http://www.d.umn.edu/~lcarlson/csswork/selecto ..
发布时间:2022-01-10 00:08:01 前端开发