问题标签 [pseudo-element]

像所有思想正确的人一样，我讨厌单击链接并发现它导致浏览器瘫痪的 PDF 或 Microsoft Office 文件为时已晚。我想通过在指向此类文件的链接旁边显示一个小图标，我会让人们的生活更轻松一些。随着 IE8 终于支持:after伪元素，我认为 CSS 声明会相当简单：

在 IE8 中，这工作正常。但是，在 Firefox 和 Chrome 中，它text-decoration: none被忽略了，并且下划线毫无吸引力地延伸到了图标的底部。有没有办法通过使用额外的<span>标签来解决这个问题而不会“作弊”？

我重新问了这个问题，因为它的答案对我来说不起作用。

在我的印刷媒体样式表中，我想使用:after伪类在每个链接之后附加 url。

在 Firefox（可能是 Chrome，但不是 IE8）中，text-decoration: none会被忽略，并且下划线会毫无吸引力地延伸到 url 的底部。但是，该colorURL 已正确设置为黑色。有没有办法制作text-decoration作品？

原始问题附加了固定大小的图像而不是可变宽度的文本。它的答案使用填充和背景图像来避免必须使用 text-decoration 属性。当内容是可变宽度文本时，我仍在寻找解决方案。

假设我有以下代码：

如何使用 CSS 在“Foo”之后插入“Bar”并使“Bar”成为超链接，如下所示：

...富酒吧...

我知道这会写成“Foo Bar”：

但我不知道如何使“酒吧”成为超链接。有任何想法吗？

我想将 a 附加<br />到特定的类。使用 :after 伪类只显示<br />为文本。

有没有办法使这项工作？

它是 IE8 内部的，所以浏览器问题不是问题。如果我做

我希望“辉煌”出现在新行上。

网页上有许多输入单选元素，每个单选元素都有多个选项。I want a function to be fired whenever one option of a radio element is checked. 如何使用 Jquery 编写代码？一个输入元素如下所示：

我写的代码如下：

我的 Jquery 版本是

我正在使用火狐。在错误控制台上显示“未知的伪类或伪元素'收音机'”。任何的想法？怎么了？

我之前的问题与这个问题很接近，但到目前为止我还没有得到解决方案。所以我不得不四处打听。希望这个问题不会因为重复的问题而被关闭。谢谢！

哪些浏览器支持 CSS :before { content: "x"; }? 我找不到有关此问题的任何信息。似乎 CSS 属性内容在社区中是相当不为人知的，虽然看起来很有用。

我有以下 CSS 代码

这与以下标记结合使用：

在世界上所有其他有福的浏览器中，我的图标都出现了，但 IE8 似乎对此有问题。:before伪元素不是CSS2吗？不content:也是一个CSS2命令吗？是什么赋予了？

玩弄shjs以显示行号、换行符和空格，我遇到了这个问题： Using Pseudo-Elements for the ›hidden‹ characters 它的行为与预期的一样（在 Firefox 中）：没有行号、空格或行尾复制到剪贴板。

由于 IE8 可以很好地显示所有内容，我很惊讶它与复制+粘贴的行为不同。

从FF复制+粘贴一行看起来像这样（这很好）：

虽然相同，但从 IE8 复制的内容如下：

顺便说一句，Opera也是如此。

有谁知道哪种行为是正确的，是否有办法教浏览器所需的行为？

提前致谢

我正在尝试:after在字段上使用 CSS 伪元素input，但它不起作用。如果我将它与 a 一起使用span，它可以正常工作。

这有效（将笑脸放在“buu！”和“更多”之前）

这不起作用 - 它仅将 someValue 着色为红色，但没有笑脸。

我究竟做错了什么？我应该使用另一个伪选择器吗？

注意：我不能span在 my 周围添加 a input，因为它是由第三方控件生成的。

我想使用一个开关来布局网页上的段落标签。

我使用 after 伪元素：

现在我需要从页面中删除这个 CSS 代码。

这怎么能轻松完成？

我想补充一点：

• 页面上已经使用了 jQuery

• 而且我不想包含或删除包含 CSS 的文件。