问题标签 [pseudo-element]

我受到单一元素的多重背景的启发，并尝试这样做……但失败了。

这是我在jsfiddle中的示例代码。

:before 元素中的图像（蓝鸟）永远不会下降到主（白鸟）元素。这是我尝试过的：之前。

• 内容：url（）或背景：url（）
• z-index: -1 或比主索引更小的任意数字
• ：之前和之后 ：（

如何将其发送回主要元素？？？

是否可以通过 JavaScript 更改 CSS 伪元素样式？

例如，我想像这样动态设置滚动条的颜色：

而且我还希望能够告诉滚动条像这样隐藏：

然而，这两个脚本都返回：

未捕获的类型错误：无法读取 null 的属性“样式”

还有其他方法可以解决这个问题吗？
跨浏览器的互操作性并不重要，我只需要它在 webkit 浏览器中工作即可。

关于使用 CSS 指定所选文本颜色的一些问题：

假设浏览器实现的默认 CSS 中存在如下规则：

进一步想象在任何特定于站点的创作样式表中定义了如下规则：

1. 鉴于这些规则，background-color选定的正文将是什么？会是white，还是Highlight？

   也许作者样式表中的规则应该覆盖默认规则：因为根据具体性，body它与稍后指定的一样具体::selection（因此应该覆盖先前的条目）。

   另一方面，这将导致文本在被选中时不可见（因为如果Highlight是蓝色且HighlightText为白色，则所选文本为蓝底白字，然后覆盖background-color所选文本使其为白色将导致其为白色-白色）。

2. 假设步骤 2 中的行为是不可取的，如何避免呢？

• 假设这是用户样式表中的一个错误，不应该在没有指定的background-color情况下指定color?

• 假设除了伪元素被指定为选择器的一部分之外，这body不是所选正文的匹配项？::selection

只是想知道是否有可能以某种方式使 CSScontent属性插入 html 代码而不是字符串:before或:after类似的元素：

这将非常方便...可以通过 Javascript 完成，但使用 css 确实会让生活更轻松 :)

目前在 iOS 上测试移动网站（很快就会到达其他设备，所以不确定这是否与其他操作系统/浏览器有关）。

移动Safari如何在滚动期间触发链接的活动状态？

我的测试页面由一个无序列表构成，每个列表项内都有一个链接标签，该标签扩展为 100% 宽度。问题在于，在正常滚动期间，会触发 :active 状态，显示仅用于在 :active 状态期间显示的背景（我显然在示例中省略了不必要的样式和内容）：

我的链接上有 CSS，具体取决于链接的类型。在这种情况下，它受密码保护和外部链接。

所以我有这样的CSS：

但是，当我尝试这样的事情时：

它只显示最后一个图标，在本例中为 icon-lock.png。这是有道理的，因为内容值只能设置一次而不是组合，所以最后一个类声明是覆盖它。无论如何将这两者结合起来，这样我就可以轻松地混合和匹配这些链接类（我总共有 4 个）。我不想为每个组合制作单独的类/图像。

I have a nav bar in my footer of my page which is all set up and working in everything except, of course, in IE7. I used the :after pseudo element to place a pipe "|" after each <li> in the nav bar, but in IE7, it doesn't show up. It's not a big thing, it's not that ugly, but I can't seem to find anything to cludge it or trick IE7 to make it work.

一些背景

我在我的应用程序中显示表单，并将每个字段（或一组相关的字段）包含在一个UL/LI元素中。这是一个例子：

如您所见，我required在必填字段的LI元素上设置了一个类，因此当label显示它们时，我定义了一个::after伪元素，在其后添加了一个红色星号：

问题

我遇到的问题是当我的<div class="field">容器中有一个复选框或单选按钮列表时。要使单选按钮或复选框旁边的标签可单击，它们必须包含在label.

问题当然是我的单选按钮旁边的每个标签都显示一个星号，因为它也包含在li.required元素内。

问题

如何从a 中包含的::after所有元素中删除伪元素？我是否必须实际定义它但将其内容设置为空字符串，或者是否可以将其全部删除？labeldiv.field

我可以将我的样式定义更改::after为

但出于兼容性原因，我想避免使用这些特殊的 CSS 选择器。

我正在使用:before伪元素将小图像添加到我网站上的下载链接。图像的高度大于行高，并且图像的底部与文本的底部对齐。

如何更改伪元素的垂直对齐方式？理想情况下，图像的中心与文本的中心对齐？

我正在使用以下 CSS，它似乎正在工作：

然而，字符似乎不能像这样编码，因为输出是文字并显示实际字符串：

如果我不能对其进行编码，我感觉我应该在 jQuery 中使用诸如 .append() 之类的东西，因为它支持编码。有任何想法吗？