问题标签 [pseudo-element]

在我看来，Chrome 并没有将“之前”伪元素视为元素的一部分。更准确地说，我有 CSS 定义

和 HTML 代码

在 Chrome 中，结果是一个超链接“AB”，但实际上只有“B”是可点击的。在 Firefox 和 Opera 中，整个“AB”是一个链接，我对 CSS 标准的阅读表明 Chrome 在这里是错误的。

我是否认为这是 Chrome 的错误？有没有简单而干净的解决方法？

我想::before在一些具有 的表格单元格上添加一个选择器position:absolute，但它失败了：

我注意到，如果我将 ' 添加::before到所有tr' 中，它就会起作用：

但这不是我想要的，因为我只想在其中一些上添加它。

:before:当我通过 CSS 伪元素插入并被:after点击的内容时，我想触发一个 jQuery 动画。但是，我不确定如何执行此操作；我的第一个猜测，$(#id:before).click()没有奏效。这是 jQuery 功能的一部分吗？如果是这样，我将如何选择before/after内容？

我正在使用 css 伪元素 :before 和 :after 对网站上的一些图像进行缩进效果。但是，如果不指定宽度和高度，这些将不会显示。这将使我为每个图像指定一个固定的宽度和高度，我猜这对静态网页有效。

然而，由于这些图像是使用 jQuery 动态生成的并且是用户提交的，因此图像的宽度和高度每次都不同。现在我可能可以通过从图像中获取宽度并将其传递给 :before 来使用 Javascript 来解决这个问题，但这似乎对于这样的事情来说工作量太大了。

我的问题是是否有办法仅使用 CSS 来执行此操作，将包含图像的宽度传递给此 <li> 上的 :before，以便 :before 和 :after 伪元素继承宽度和原始元素的高度。

基本页面布局：

PS：所需的兼容性仅适用于移动 Webkit 浏览器。

编辑

例如，我可以使用以下行使用 Javascript 向 CSS 添加行：

但这意味着我还必须使用动态 ID。这并不难，但我只是想知道是否没有唯一的 CSS 方法。

Hi i'm using this to set a title attribute on elements:

I'm then using CSS3 to do this:

My question is, when i hover over the elements, the nicely CSS'd titles appear as i would like them and i can move along the TD's and "Upgrade To" appears above every one.

The problem is, when i hover over the first one, i get the CSS title but also the default grey browser title appear and stays visible as i move along to other TD's. How can i hide the default title popping up but still keep the CSS:after title visible on hover?

我有一个像这样编码的简单菜单

看起来像这样

每个菜单项之间的小点是使用 :after 伪元素创建的。一切工作正常，但我还需要子菜单，这将是嵌套列表。

问题是，当我像这样向菜单添加换行符时

我在 Safari 和 Chrome（但不是 Firefox）中得到了这个结果......

在我看来，好像 webkit 将空格视为“前”。:after 元素的 CSS 如下所示

我还尝试设置white-space: normal/nowrap不影响任何内容的 ul、li 和 :after 元素。

谁能看到我哪里出错了，或者这是 Webkit/Firefox 的问题？

更新

我在http://jsfiddle.net/zmVbH/创建了一个演示

我有一个Modal绝对定位的 CSS 类，z-indexed 在它的父级之上，并且用 JQuery 很好地定位。我想在模态框的顶部添加一个插入符号图像 (^)，并且正在考虑使用:beforeCSS 伪选择器来干净地完成此操作。

图像需要绝对定位并在模态上方进行z索引，但我还没有找到任何方法在content属性中为图像添加适当的类：

第二个最佳选择 - 我可以在内容属性中添加样式内联吗？

有人知道为什么 Google Chrome 浏览器不支持伪元素（::before 和 ::after）的 3d 转换吗？

编辑谷歌浏览器 13.0.782.55 测试版

我已经设置了一个测试用例，其中一个 CSS 伪元素 (::after) 显示在鼠标悬停在给定的 (parent-) 元素上。到目前为止一切正常，但是伪元素的负上边距会影响父元素而不是生成的元素。（虽然负左边距按预期工作。）

任何人都可以解释这种行为和/或知道解决方法吗？

我像许多其他人一样使用过 CSS 伪元素选择器，主要是说我已经使用过它们。

但我正在绞尽脑汁，努力想出一个将它们与标记放在一起的理由。

举个例子：

现在，使用它比使用<span>标签有什么优势？

我错过了:beforeand的重点:after吗？在预先存在的语义标记上使用它们是否有一些坚如磐石的理由？