问题标签 [pseudo-class]

我有以下 HTML：

我希望 div 和 span 之间有 10px 的间隙，每个 margin-top。但是，由于上面的 div 是浮动的，它不会以这种方式呈现。确保某些东西清晰的修复是 DIV。要通过纯 CSS 做到这一点，似乎应该使用 '::after' 插入内容的方法，然后将其设置为清除：

但是，这并没有完全做到我认为应该做的事情。如果我不包括高度/可见性样式，以便在插入时实际上可以看到句点，我会看到它实际上是在 div 内呈现（黑色边框包围它），而不是在 div 之后（所以它介于div 和跨度）。我是否误解了这应该如何工作？

编辑：

这是一个更简单的例子：

CSS：

HTML：

这最终会在“Hello”之后而不是在 div 之后放置一个句点。

看起来::after并且::before实际上是附加到元素的 CONTENTS 中，而不是元素本身。那是对的吗？

:focus伪类和:active伪类有什么区别？

假设我有一个包含多个类的元素，其中一个类有一个悬停伪类。可以说这会改变颜色。

所以我想做的是找出元素在悬停时会变成什么颜色。然后我想用 Javascript/jQuery 覆盖它。

也就是说，我可以定义一个名为的选择器:shiny并执行此操作吗？

这在 MooTools 和 jQuery 中可用。

我正在创建一个动态更改当前页面的自定义站点页面，以便您可以预览正在更改的内容。一切都运行良好，除了我正在使用的代码显然无法处理伪类，例如:hover和:visited。

代码很简单，我基本上是在做以下事情：

但是，这实际上并没有将<a>标签的悬停颜色设置为#ff0000. 如果我取下它，它会很好用:hover。有人对如何使它起作用有任何建议吗？

非常感谢！

编辑1：显然，我可能完全错了。更多信息表明我可以document.styleSheets.inlinestyle.rules用来修改它，尽管这显然只适用于 IE。任何更多的想法将不胜感激。

a {...}和 和有什么区别a:link{...}？

它们之间有不同的用法和好处吗？

我编写了以下代码来创建一个三列布局，其中第一列和最后一列分别没有左右边距（根据定义，三列将具有与动态生成的完全相同的类 - 见最后段落）：

HMTL：

问题是这段代码在 Internet Explorer 7 和 8 中不起作用？我可以在 IE 中使用的唯一伪类（在这种情况下）是“first-child”，但这不会消除第三列和最后一列的右边距。有谁知道我可以让这段代码在 IE 7/8 上运行的方法吗？

一个重要的旁注：这三列是通过查询循环动态生成的，因此每列的类属性将是相同的。

我尝试根据这个视频用 JavaScript 制作手风琴效果，改变了一些东西，比如使用输入按钮而不是选择器的链接。但是由于某种原因它不起作用。unknown pseudo-class or pseudo-element "visible"每次我尝试使用它时，Firefox 错误控制台都会输出。有什么问题？

这是HTML

所以我们需要对 CSS 锚伪类使用以下顺序

但我的问题是为什么要打扰 a:link 部分？相反，上述内容是否有任何优势（除了清晰度之外）：