问题标签 [pseudo-element]

我的 h1 标签中有以下内容：“（Hello World）”所以我将以下内容添加到我的 css 以更改此元素的第一个字符：

但是，正如我所注意到的，第一个字母仅用于字母，那么有什么解决方法可以将此样式应用于第一个字符？在这种情况下是“（”。

这是一个奇怪的问题。http://www.madebypaz.com/profile<OL>上的图表使用伪元素进行图表注释（ABC 和图像）。我为此使用相邻的兄弟选择器，如下所示：:before

这可能不是最优雅的解决方案，但它在包括 Chrome 在内的所有浏览器中都能完美运行，直到有人向我指出它在 Chrome 10 中出现故障。在 Chrome 10 中，它显示 AAA 并在鼠标悬停时更改为正确的字符。这很奇怪，因为甚至没有定义 :hover 样式！

这是一个屏幕录像：http ://cl.ly/0E170v1Z0O2E0f3F0j0d

为什么会发生这种情况，我该如何解决？有没有更好的方法来达到相同的结果？

任何指针都非常感谢！

我该如何写:hover和:visited条件a:before？

我正在尝试a:before:hover，但它不起作用。

可能重复：
使用 JQuery 操作 CSS 伪元素

在页面加载时，我希望类上的 :before 和 :after 元素出现。我已将 .lifted:before 和 .lifted:after 设置为 css 中的 opacity:0 。在准备好的文件中，我有：

这行不通。据我所知，.after jQuery 操纵器仅用于插入内容。

有什么方法可以使用 jQuery 操作这些伪元素的 css 吗？

我已经很长时间没有使用 SASS，想知道伪元素是否存在一些问题，例如:first-childor :last-child？

我有以下 CSS 可以将 PDF 图标添加到链接到 PDF 的任何链接：

是否可以在此图像上放置一些标题和 alt 属性？我希望用户能够将鼠标悬停在图标上并获得一些文本，例如“此链接到 .pdf 文件”。我通常只是通过为其添加标题属性来完成，但无法弄清楚我是否可以通过这种方法做到这一点。

我正在尝试将 CSS 形状与列表图标对齐。

现在它看起来像这样：

但它应该看起来像：

我尝试使用 position: absolute; 相对的; 和保证金，仍然没有。这是一个现场测试：

http://jsfiddle.net/fzSrL/

CSS：

我怎样才能将它们对齐在一起？或者将图像作为角落是更好的选择？

我有一个带有（一个小方块）的h3标签，因为我想要一条延伸到其余宽度的线。:before:after

:before和都:after设置为display:inline-block，以便我可以设置宽度和高度。

将换行符设置width:100%为:after新行

看看这里

http://jsfiddle.net/CTd2w/81/

ps 我可以使用 JavaScript 解决方案

我正在尝试通过使用::selection和::-moz-selection伪元素来修改默认选择样式。我已经使用以下两条规则成功更改了选择颜色和背景：

但是，我还需要border-color在选择链接时将其更改为白色。我正在尝试使用此 CSS 来完成此操作：

即使我添加了!important覆盖，Safari 也不会设置边框颜色的样式。

我错过了什么？为什么我不能更改链接的border-color选择？

是否有一个轻量级的 CSS 或 Javascript 片段允许我只选择/突出显示页面上仅对文本可用的内容？当您尝试突出显示文本并且最终突出显示 div、图像和其他内容时，我总是很恼火。

有没有办法只突出显示文本？这将包括段落、锚点、div 和图像中的文本以及所有标题标签。

谢谢！〜杰克逊

我正在上传任何回答这个问题的人的结果，我目前正在运行@Nick Radford 的 ETA 代码。

在这里，它更接近，除了使用 ctrl+a 进行的文本之外还有很多选择：http: //designsweeter.com/