问题标签 [css-content]

我无法在输入元素之前显示内容。

http://plnkr.co/edit/9UC93nnNm6vmmLEIYDJK?p=preview

在这个 plunker 上你可以看到input:before应该显示一些东西，但它没有显示任何东西

1）如果我将其更改为p:before之前显示的内容p，但没有增加值，我应该在那里更改什么？

2）为什么它不显示值input:before？

[在 Daniels 和 dTDesign 的回答/评论之后编辑]

@dTDesign

我将其更改为p，它现在添加了内容，并结合了@Daniel 的答案（我将 .main 更改为 main），我在段落前面显示了正确递增的内容。

所以你可以在 HTML5 中使用 main 。

更新：

它现在工作正常：

看到这个小提琴：http: //jsfiddle.net/xanld/3yh28/

我只想将 css 内容添加到空 div 中。我可以使用 :empty 选择器，但我需要使用 :before 选择器来添加内容。可以同时使用吗？

谢谢。

有没有办法在伪元素的“内容”CSS属性中添加上标“6”？我一直在网上，尝试不同的 Unicode 字符串和字形代码来尝试让它工作，但还没有找到解决方案。

谢谢！

编辑：抱歉没有澄清......我需要将上标“6”与其他文本放在相同的“内容”属性中。看起来我只需要为我的 CSS 定义不同的编码并将其作为文字字符放入。

我正在使用 CSS 生成的内容在页面底部添加淡入淡出：

我想bottom通过 jQuery 动态更改值；但是，我似乎无法针对伪元素。例如，这样的事情不起作用：

有没有办法做到这一点？

我试图为其创建步骤定义的要求之一是每个元素都应该被编号。是否有用于检查项目是否具有正确的 CSS 生成内容的 API？

我们正在使用 Selenium、Cucumber 和 Capybara 来测试我们的应用程序。

我们想要自动测试的 CSS：

或者，我们可以将实际内容放在 DOM 中，但我不喜欢仅仅为了满足 webdriver 而编写代码，这是解决编号问题的一个很好的解决方案，或者坚持手动测试这种行为。

编辑： 澄清一下，我认为这将需要一个外部 API 来查询，例如 Selenium Webdriver，因为 getComputedStyle 不返回实际呈现的内容：http: //jsfiddle.net/yTUnt/

我正在尝试使用跨度为我的手风琴创建加号和减号图标。我已经设法将跨度设置为一个圆圈，但是没有在<p>+</p>内部放置<span class="accordian-icon"></span>我如何使用 CSS 内容规则将“+”放在跨度内？

HTML

CSS

在某些模板中，我看到一个用 CSS 创建的箭头。像这样的东西：

此代码显示如下箭头：

这个代码是什么？在哪里可以找到更多代码？

我想要的效果是我只能与 Google+ 顶部导航效果进行比较，并通过一些视差来比较。也就是说，当您向下滚动时，搜索栏会消失，而您的左侧会出现一个小的“工具栏”。我找到了一些jQuery来帮助我，在我弄清楚这一点后我会搞砸的。

我首先要做的是让背景图像从栏下方滚动（请参阅jfiddle）并向上滚动到最终将保持不变的栏。这是我到目前为止所得到的：

与相关的CSS：

编辑：这是jsFiddle

我可以从标签中获取属性，<a>但我无法从<img>. 我能做些什么 ？

演示

HTML

CSS

我正在用 css 伪元素做一些实验。我知道它们的优点之一是能够在页面中插入一些视觉内容而不影响其语义。我现在要做的很简单：在页面中每篇文章的末尾插入一个特殊字符（“常春藤叶”）。所以我有一篇空文章，有一个预设的最小高度，以及 :before 伪元素中的特殊字符：

所以我以为特殊字符会显示在文章空间的末尾，但事实并非如此。它遵循文章内容的正常流程，如您在此小提琴中所见：http: //jsfiddle.net/fscali/2XFKL/1/

为了我的实验，我怎样才能强制常春藤叶出现在底部，而不使用任何不必要的标记？

谢谢！