问题标签 [css-content]

是否可以使用 CSS 更改伪元素 data-URI 内的 SVG 路径的颜色？

CSS：

我敢肯定这是一个简单的，但我不能让它工作。本质上，我正在构建一个风格指南，以使与设计师/开发人员的合作更容易一些。我想要完成的是，

我有一个装满块的托盘，其背景颜色是由 LESS 使用 mixins 动态生成的。我希望能够输出由 mixin 生成的值，然后使用 CSS 伪元素将其附加到对象中。

这是我的代码：

任何建议将不胜感激。我查看了网站，但无法找到解决方案。

谢谢！

我特别想知道的是*:after，在资源方面会有多贵。在这种情况下，伪元素会成为键选择器吗？还是客户无论如何都会抓住所有元素？

换句话说，性能方面*:after和*性能方面有什么区别？

[编辑。愚蠢的例子。我的错。]

为了澄清起见，我正在尝试仅使用 css 进行绘制，发现自己使用了很多伪元素。如果我可以通过写作来节省一些时间，我只是在徘徊

及其资源成本。

谢谢。

这是我有疑问的代码

我注意到，当“内容”是两个撇号之外的任何内容时，之前和之后的图像都不会出现。有人可以解释这两个撇号的含义吗？谢谢。

我试图将 data-img 设置为伪元素中的图像但没有成功，这是我迄今为止尝试过的：

标记：

样式：

结果损坏的图像：http: //jsfiddle.net/vfPKb/

我有一个多页表单，每个页面都包含在一个列表项中。这些列表项中的每一个都包含一个有序列表，其列表项中包含问题。这些列表项中的每一个都包含一个无序列表，其中可选择单选或复选框输入类型。

我试图让 CSS 计数器在有序列表的列表项上增加。

这是一个基本示例：http: //jsfiddle.net/wCbvb/

我试图让问题（包含 h2 的列表项）增加计数器并继续进入下一个列表。我不确定这是否可能，感谢您的关注。我只会使用 CSS 计数器来使用纯 CSS 解决方案。非常感谢:)

我想在不使用有序列表的情况下对段落进行编号。我试图通过在 CSS 中使用 content:counter(paragraph) 来实现这一点，这样我创建的每个段落块都会在它的左侧生成一个数字。

它工作正常，但问题是我无法弄清楚如何对齐数字，以便它们都对齐到右边。

所以而不是：

我希望它们看起来像这样：

没有 OL 和 LI 有没有办法做到这一点？

我有以下文字：

我想用这样的东西创建一个伪元素：

这样伪元素的内容就是元素的文本，在这种情况下是 42。我可以通过一些诡计来做类似的事情吗？

您可能知道，如果您要使用:before和/或:after伪元素而不在其中设置文本，您仍然必须content: '';在它们上声明以使其可见。

我刚刚将以下内容添加到我的基本样式表中：

...所以我不必再声明它了。

除了*选择器是反性能的，我知道（假设上面是一个例子，我可以找到一个更好的方法来声明它，比如列出标签），这真的很慢吗事情下来了？在我当前的项目中，我没有注意到任何视觉上的东西，但我想确保在我将它明确地粘贴到我将用于每个项目的基本样式表之前，这是可以安全使用的......

有没有人对此进行过深入测试？你有什么要说的吗？

（顺便说一句，我知道正确的 CSS3 语法使用双分号（::before, ::after），因为它们是伪元素而不是伪类。）

我正在尝试用伪元素做一些技巧。

我正在显示一个排名，我希望在获胜者的顶部显示一个皇冠，在图像所在的框角倾斜 45 度。但是图像太大了，有没有办法调整添加到伪元素上的图像的大小？

我只有这个div：

有了这个CSS：

我在 JSFiddle 上做了一个例子：http: //jsfiddle.net/GEtds/

我尝试改变height，width但没有效果。