问题标签 [css-content]

我遇到了 CSS content 属性，它能够将文本添加到元素中。

例如：

不幸的是，这个 CSS 属性只在 IE8 中工作，只有 !DOCTYPE 被定义。

无论如何或解决方法，我们可以让它在 IE7 中工作吗？不使用 JavaScript 或 jQuery。

有没有办法将节点值继承到content属性中？

比如，如果<h2/>标签值设置为“随机标题”，我可以content在 CSS 的属性中获取这个值吗？

我试过content: inherit;了，但它似乎不起作用。

我的理论的一个例子：

HTML：

CSS：

提前致谢！

我正在尝试将:before伪元素与元素一起使用img。

考虑一下这个 HTML 和 CSS...

HTML

CSS

js小提琴。

这不会产生预期的效果（在 Chrome 13 和 Firefox 6 中测试）。但是，它适用于divorspan元素。

为什么不？

有没有办法让伪元素与img元素一起工作？

我想为内容属性中的文本添加颜色。我这样做了，没有工作

用了很久的内容属性，今天想尝试一下新的东西。而不是使用 JS 来显示图像工具提示，我想知道是否可以使用 CSS 动态地做到这一点。

所以我尝试了：

whereattr(id)应该返回图片的 ID（字母数字），这也是图片的名称。

它根本不起作用，它没有任何作用。我认为该块没有解析，因为向该块添加边框或背景似乎也没有效果。

当我只使用attr(id)单独的，没有 url 的东西时，它可以完美地工作。当我替换attr(id)为图片的真实姓名时，它也有效。

在网上搜索了一段时间后，我没有找到任何相关的东西，所以我在这里。这是一个已知的错误还是只是我的错误？:)

我从我问的上一个问题中得到了http://jsfiddle.net/8p2Wx/2/ ，我看到了这些行：

如果我拿走content:""，它会破坏效果，我不明白为什么它是必要的。

为什么需要添加空content元素:after和:before伪元素？

我有一个非常奇怪的问题。

所以我有一大堆 CSS，在其中的许多选择器中，我有一个看起来像这样的选择器，它工作得很好：

但随后我在其上方添加了一个看起来像这样的选择器：

然后spoilertop, #QUOTETOP, #CODETOP, .utubetop { }停止工作。它没有给我它应该给出的视觉效果。

我用不同的选择器再次测试了它。我有一个看起来像这样的选择器：

然后我在它上面添加这个：

再次，#recaptcha { }停止工作。

我试图一一删除属性，我发现content: "";是导致问题的属性。目前，解决方案是将一个随机未使用的选择器放在{ content: ""; }. 例如，它看起来像这样：

但是如果我有很多的话，那个解决方案有点麻烦content: "";。我真的很困惑为什么会发生这种问题。

所以...谁能帮我解释一下为什么？

Is it possible to combine the css counters() function with leading zeros, producing a list such as this:

Leading zeros are possible using content: counter(name, decimal-leading-zero), and combining nested counters is possible using content: counters(name, ".").

I know of workarounds if the level of nesting is known (i.e. I know the list will only ever nest 3 levels deep), but does anyone know if it's possible to combine these for lists of an unknown level of nesting?

:before同一个元素是否可以有多个伪？

我正在尝试使用 jQuery 将上述样式应用于同一元素，但仅应用最新的样式，而不是两者。

为了分隔导航中的链接，我设置了以下内容

当前项目获得额外

我现在的问题是，“*”也有下划线，但不应该

我试图添加

但它没有效果

有谁知道如何在文本中添加下划线而不是 :after 内容？