问题标签 [pseudo-element]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
css - 带有填充的伪元素Firefox问题
请参阅http://jsfiddle.net/e5tsL/
在 chrome 中，按钮按应有的方式呈现，只有在 FireFox 中，它的 ::before 和 ::after 由于填充而向右呈现一点。
有没有办法解决这个问题？
css - CSS3 ::selection 在 FF 和 Chrome 中的行为不同
我正在试验::selectionCSS3 中的伪元素。在 Firefox 中它可以工作并且看起来很棒。我的网站有深蓝色背景。
我设置了选择，使其在 FF 中看起来像这样。
但在 chrome 中，相同的测试看起来像这样。似乎 chrome 将选择解释为半透明，结果颜色很讨厌。
有谁知道是否有可能让 chrome 的行为与 Firefox 相同。
这里是我的css供参考：
谢谢
css - 获取 :before 伪元素以使用父级的背景图像
是否可以使用 CSS 将 :before 伪元素的背景图像设置为与其父元素相同。我想说继承，但是伪元素可以继承任何东西吗？例子：
我知道我可以使用 JavaScript 轻松完成，但我想知道是否可以仅使用 CSS。任何帮助将不胜感激，谢谢！
css - CSS :after 伪元素结合 [checked]: 不同的后元素不起作用？
我正在尝试通过设置我自己的单选按钮和复选框的样式来启动我的 Web 表单。为此，我隐藏了单选框/复选框本身，并使用 :after 伪类在标签上创建了一个状态指示元素，如下所示：
现在，这对收音机非常有效。我点击标签，小复选框出现在标签上，没有其他。但问题是复选框：虽然选中的复选框仍然显示绿色复选框，但未选中的复选框根本不显示，而不是应该显示的红色复选框。好像
部分根本没有抓住，或者像 :checked 伪类会覆盖它的独立。
我在这里错过了什么重要的东西吗？
问候
css - 内联添加 CSS 伪元素
是否可以内联添加伪元素声明。例如。我可以做以下内联吗？
css - 为什么 :before 和 :after 伪元素不能与 `img` 元素一起使用？
我正在尝试将:before伪元素与元素一起使用img。
考虑一下这个 HTML 和 CSS...
HTML
CSS
这不会产生预期的效果（在 Chrome 13 和 Firefox 6 中测试）。但是，它适用于divorspan元素。
为什么不？
有没有办法让伪元素与img元素一起工作？
jquery - 使用 CSS 伪元素，插入具有点击处理程序的内容
我正在做一些非常简单的事情，就像这样：
我想要做的是当用户将鼠标悬停在 div 上时，会出现 Delete 一词，并且当用户单击 Delete 一词时，我可能会运行一些 jQuery（实际删除此项目）
这可能吗？
css - 伪元素如何检测非伪元素的高度？
本质上，伪元素的高度太大了。p我希望它与元素具有相同的高度。我怎样才能做到这一点？
css - 使用 :before/:after 选择器在元素周围添加边距
我实现了（修改版）Gene Locklin 的“深度”，它工作得很好，这里是代码：
但是我想使用 :before & :after 选择器来添加边距或填充，你知道某种间隙，将表单与周围的文本分开。
这是在我尝试使用这些选择器在特定段落周围留出一些间距之后出现的，但没有成功，我转向根据它们的目标属性对它们进行样式设置。
我意识到选择器的设计主要是为了促进自动文本，并且使用边距或填充（在下面的查询中添加）、换行符、跨度、空除法甚至使用 JavaScript 创建元素都非常容易，和 。但我想用 :before & :after 来做到这一点。
这是我想开始工作的示例代码：
我认为可能阻止它工作的可能性...... :before/:after 需要显示为块级，因为它们通常是内联的（但“深度”不需要这个？）和/或 :before/：之后需要绝对定位。
预先感谢您的慷慨投入。