问题标签 [pseudo-class]

有没有更简洁的方式来编写这个 CSS？

我只是想选择.vertical div 中的所有a伪类并将全部设置为蓝色。

我在这里查看 CSS :active Selector。

:active 选择器样式链接到活动页面

这让我想到，HTML/CSS 术语中的“活动页面”到底是什么……

此时我去了w3docs部分：5.11.3 动态伪类：:hover、:active 和 :focus。

:active 伪类在用户激活元素时应用。例如，在用户按下鼠标按钮并释放它的时间之间。

因此，我使用了w3shools 中的一个 try it 页面并编写了一个示例，替换为以下代码，您可以剪切并粘贴并尝试。

表单域适用于 :focus。但是按钮或链接不适用于 :active。

这是为什么？是否有关于“活动页面”的内容我不明白 w3schools 谈到了。

我在谷歌搜索时看到了这个不错的提示，但我认为它不相关。

我的问题的目标是创建一个在链接后添加文件类型的代码（以便人们知道他们是否应该期待任何特殊文件）。现在有一些选项可以使用图像来执行此操作，但我不太喜欢它，我希望方括号之间的文件类型具有不同的大小。我的方法是通过以下方式使用 :after 伪类

然而，这给我带来了一个非常奇怪的问题。内容似乎位于作为链接一部分的块中。因此，链接下划线在“[DOC]”下的链接之后继续。

所以问题很简单：有没有办法以另一种方式做到这一点，或者确保我可以控制“[DOC]”下的内容与链接下的内容分开？

我目前正在尝试将一些 html 传递到 css 中的 :after 伪类中，以便在链接悬停后添加一个箭头。我已经在很久以前在默认安装附带的库存 WordPress 主题中看到了这一点。我觉得我必须错过一些简单的东西。

预先感谢！

是否可以使用内联样式创建伪类？

例子：

我知道上面的 HTML 不起作用，但有类似的东西吗？

PS我知道我应该使用外部样式表，我确实这样做了。我只是好奇这是否可以使用内联样式来完成。

我正在与一种a:hover我无法覆盖的不情愿的 css 风格作斗争。

我试图检查 Firebug 中的元素，但我看不出它为什么不起作用。我什至看不到如何a:hover在 Firebug 中正确检查 css 事件。

我已经看到：
Firebug 中的悬停检查http://blog.borngeek.com/2010/04/16/hover-inspection-in-firebug/
但我还没有弄清楚如何重现那里提到的步骤。

另外：伪幻影http://meyerweb.com/eric/thoughts/2009/11/03/pseudo-phantoms/

如何像:hoverFirebug 那样检查/调试 CSS 伪类？

我遇到了关于 IE7/8 忽略带有 display:block 的元素上的 :active 伪类的问题；

HTML：

有效的 CSS：

失败的 CSS：

有谁知道这个问题的解决方案，还是我必须求助于 JS？

我不知道为什么会这样：

但这不起作用：

“边界”属性只是一个例子，任何其他属性也是如此，忽略！

如果我写

h1 和 li 元素都具有悬停效果。

如果我写：

这仅对锚元素有影响。

:hover 伪类是否不适用于通用选择器？

我有以下 HTML：

:before 不会出现在图像中，但它会出现在任何 div 中。

为什么？

更新：我在 W3C 中找到了这个解释：

笔记。该规范没有完全定义 :before 和 :after 与替换元素的交互（例如 HTML 中的 IMG）。这将在未来的规范中更详细地定义。

更新 2：

我忘了提 - 我需要用 CSS 可视化图像的“alt”属性。