前端开发

如何选择带空格的班级

如何选择像 class="boolean optional" 这样的类? 我试过这个: .boolean 可选 {CSS}.boolean_optional {CSS} 解决方案 正如 Zepplock 所说,这实际上是一个属性中的两个类:boolean 和 optional.空格不是类名的一部分;它充当分隔符. 这三个选择器都会匹配它: .boolean.选修的.boolea ..
发布时间:2022-01-10 08:03:00 前端开发

CSS3 的 :root 伪类和 html 有什么区别?

我似乎找不到太多关于此的信息. Smashing Magazine 似乎是说 html 和 :root 是同一个东西,但肯定有细微的差别吗? 解决方案 来自 W3C 维基: :root 伪类表示一个元素,它是文档的根.在 HTML 中,这始终是 HTML 元素. CSS 是一种通用的样式语言.它可以与其他文档类型一起使用,不仅可以与 HTML 一起使用,还可以与 SVG ..
发布时间:2022-01-10 08:02:50 前端开发

隐藏元素,但显示 CSS 生成的内容

有没有办法隐藏元素的内容,但保持其 :before 内容可见?假设我有以下代码: HTML: 你在这里 CSS: .addbefore:before {内容:“显示这个";}.hidetext {//这里要怎么做才能隐藏内容而不隐藏 :before 内容?} 我试过了: 使用 display: no ..
发布时间:2022-01-10 00:12:21 前端开发

我可以定位所有的 <H>带有单个选择器的标签?

我想定位页面上的所有 h 标记.我知道你可以这样做...... h1,h2,h3,h4,h5,h6 {字体:32px/42px trajan-pro-1,trajan-pro-2;} 但是使用高级 CSS 选择器有没有更有效的方法呢?例如: [att^=h] {字体:32px/42px trajan-pro-1,trajan-pro-2;} (但显然这不起作用) 解决方案 新的 : ..
发布时间:2022-01-10 00:11:52 前端开发

将 CSS 样式应用于子元素

我只想将样式应用于具有特定类的 DIV 内的表: 注意:我宁愿为子元素使用 CSS 选择器. 为什么 #1 有效而 #2 无效? 1: div.test th, div.test td, div.test 标题 {padding:40px 100px 40px 50px;} 2: div.test th, td, caption {padding:40px 100px 40 ..
发布时间:2022-01-10 00:11:46 前端开发

如何在属性选择器中使用/模拟类似正则表达式的反向引用?

我想要做的是在一个地方编写一个匹配任意值的选择器,然后需要一个不同的值等于它.如果 [attr="value"] 将“value"解析为正则表达式,那么这将解决我的问题: *[class="(.+)"] *[class="if_\1"] {/* 样式 */} 显然我可以单独列出每个可能的类,但这会带来很大的便利. 这可能吗? 解决方案 不,不可能.属性选择器几乎是完全静态的,几乎 ..
发布时间:2022-01-10 00:11:36 前端开发

CSS 特异性还是继承?

我在这里查看过类似的问题,但我没有找到一个特别适合我的案例的问题. 如果我正确阅读了这篇文章:http://css-tricks.com/具体的css-specificity/ 那么发生的事情对我来说没有意义.有人可以解释这是由于地方,继承还是特殊性吗?我已经删除了所有不相关的 css. CSS a:link {font-size:0.875em;color:#005984}. ..
发布时间:2022-01-10 00:11:06 前端开发

> 之间是否存在功能差异?*: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 前端开发