问题标签 [css-content]
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 - : 之前 : 之后和滚下
我希望有人能引导我走向正确的方向。我正在学习如何在 CSS 中使用 :before 和 :after ，所以我尝试创建一个菜单导航，不知怎的，我设法将正确的阴影图像显示为 :before 和 :after 但现在尽快当我翻阅菜单时，它会上升。我试图放置填充和边距，!important但没有任何效果。
我的第二个问题是<li>我有一个链接<a>，但它只会改变文本上翻转的颜色。我想更改整个菜单 <li>的颜色，但它不起作用。我的代码在这个 JsFiddle 中：
HTML：
CSS：
请让我知道如何解决这个问题。
我自己修好了。谢谢大家的时间。
css - 是否可以让浏览器搜索 CSS 生成的内容？
我运行一个使用 CSS 伪元素在这里和那里插入文本的网站。其中之一插入了 CSS 计数器的值（因此需要对系统进行大量重新设计才能在没有CSS 文本注入的情况下执行此操作）。具体的CSS规则是：
这将“定义”转换为“定义 1 ”（比如说）。
但是，浏览器无法搜索注入的文本。它看不到1: 如果我搜索“定义 1”，那么它就找不到它，如果我搜索“定义。无论定义文本是什么”，那么浏览器会愉快地突出显示除插入的1. 因此，如果您将粗体文本想象为突出显示，它将如下所示：
定义1 。无论定义文本是什么
这并不理想！人们喜欢通过编号来引用定义，并说“查看 XYZ 页面上的定义 1”（以及在超链接不可用的情况下 - 我知道这很奇怪，但确实会发生）。
因此：
- 有什么方法可以让我在服务器端将注入的文本指定为“可搜索”？
- 如果没有，浏览器端是否有一种简单的方法可以启用它？
css - 如何避免CSS中“：之前”之后的换行符
在我的网站上，我对某些链接类型使用字体图标。这些图标是通过:beforeCSS 语法添加的。
但是，当此链接位于行首时，它有时会与其图标分开：
我尝试添加white-space: nowrap到上面的 CSS 规则，但这没有帮助。
如何将图标和文本保持在一起？（CSS 3 没问题）
注意：我不想用white-space: nowrap.
css - 你可以对 :before/:after 伪元素 (content:url(image)) 应用宽度吗？
这是对我最近的问题的补充： 是否可以使用伪元素使包含元素环绕绝对定位的元素（如 clearfix）？
JSFiddle：http: //jsfiddle.net/derekmx271/T7A7M/
我正在尝试使用伪元素来“清除”绝对定位的图像。我已经尽可能地将相同的图像显示在幻灯片后面，但似乎无法将宽度应用于插入的图像。我疯了吗，或者你不能对内容为内容的伪元素应用宽度：url(img/image.jpg)？我尝试了不同的显示变体：块等，但无济于事......
我需要将伪元素图像的宽度设置为 100%，将最大宽度设置为 800px，以便它具有与我的幻灯片相同的尺寸。
css - :before 和 :after 内容与父元素可见性问题
我有一个容器div，其中包含使用andinput type="checkbox"添加的伪元素。::before::after
JSFiddle 示例注意：目前仅针对 webkit 编写。
使用 JavaScript 将容器元素的 CSS 可见性属性从“可见”更改为“隐藏”。这似乎只发生在从“可见”到“隐藏”时，反之亦然。
伪元素在消失之前保持可见片刻。
切换可见性时是否可以防止伪元素挥之不去？
PS：如果你能告诉我如何让它在 IE 和 Firefox 中工作，你将赢得我永远的感激（我知道我在示例中只有 webkit 标签，但我需要做的就是修复它吗？）
css - 使用伪元素隐藏机器人的电子邮件地址？
伪元素不是 DOM 的一部分。它们不能被 javascript 定位，并且它们对用户可见。
如果我想用我的电子邮件地址（或我不想被自动抓取的任何其他信息）实现一个站点，但不希望它对机器人可见，我可以不简单地做：
对我来说，这是一种非常诡异且万无一失的向机器人隐藏内容的方法。它是如何失败的？
html - 首字母首字母报价在 Firefox 中不起作用
我完全不明白，firefox不想接受❝（U-275D）作为我的第一封信，尽管他们应该接受初始报价。
css - 当您将鼠标悬停在它上面而不抽搐时，如何更改文本？
据我了解，CSS 可用于以:hover基本方式更改元素的内容。我正在使用此代码
HTML：
CSS：
但是当我将鼠标悬停在按钮上时，它抽搐得很厉害
我希望我的像这个链接上的音乐播放器一样流畅
当您将鼠标悬停在 、 或 价格 下的按钮之一上时lease，premium它们trackout会切换到+add文本
这是我的播放器的一部分http://djwckd.com/test
css - 同时使用 :after 和 :hover
是否可以仅:after使用显示伪:hover？例如使用替代元素。
据我使用相同的方法：
有可能吗？还是我在自欺欺人？