问题标签 [pseudo-class]

我有一个可选表（jQuery UI 可选）。我如何“访问”边缘（顶部、左侧、右侧、底部）宽度 css，还是必须使用 javascript？

更新： “访问边缘”我的意思是例如在表格中的选定区域周围创建一个边框（选择 td 元素，在 tr 中选择第一个 .ui-selected，在 tr 中最后一个 .ui-selected，第一个 tr 包含 .ui-selected , 最后一个 tr 包含 .ui-selected)。

例如：左边缘

早上好，

当用户将鼠标悬停在链接上时，我正在尝试更改链接的背景颜色。使用我当前的代码，链接颜色将按预期更改，但背景颜色不会更改。如果我将伪类附加到不同的标签，比如“SPAN”，那么一切都会正常运行。我自然怀疑“A”标签是罪魁祸首，但我根本想不通。从昨晚开始就一直盯着这个东西。标记：

CSS：

如果这有所作为，我也在使用 Meyer 的重置。到目前为止，它没有问题。

我将如何做到这一点，以便当我单击一个按钮时，该按钮保持该颜色，直到单击另一个按钮？

为了澄清，假设你有一个文本框。单击它时，您可以添加边框，因为您喜欢它，input:focus{border:#000}并且当输入失去焦点或单击另一个文本框时，边框属性将恢复为默认值。

我将如何使用按钮完成此操作。我觉得我需要使用 :after 或其他东西。

我的代码

我有一个带有缩略图的页面（更多内容，所以 float:left 属性是必要的）。缩略图是一个 Div，其中有一个锚点，该锚点是一个图像和一些文本。文字在图片下方。ancho 链接到 pdf 文件。简单的。

http://www.bridgecitymedical.com/forms

问题是，当您将鼠标悬停在文本上时，文本会在其上加下划线，而拇指图像会出现边框，而当您将鼠标悬停在拇指图像上时，文本会加下划线。我需要的是，然后您将鼠标悬停在文本或图像上，它们都会应用它们各自的悬停状态，例如图像有边框，文本有下划线。目前他们自己运作，但他们需要是一个，或者看起来很奇怪。

这是标记：

和CSS...

默认情况下，文本下划线来自样式表的另一部分。

我可以在没有 javascript 的情况下做到这一点吗？

由 Chris 解决（选定答案）。这是他的解决方案，我的拇指在小提琴......

http://jsfiddle.net/7MLjZ/1/

这听起来像是一个抽象的问题，但我正在尝试对我正在从事的这个项目进行故障排除，但我不知所措。

我不得不接手一个项目，因为第一个开发人员被解雇了，所以我犯了一个新手错误，从第一天开始就没有重新开始。我已经修复了数百个错误，几乎重做所有事情。从非语义代码、内嵌布局元素、不必要的切片文本图像到必须将所有内容从 CSS2 转换为 CSS3。

我之所以这么说，是因为这里要包含的代码太多了，我希望也许我描述我的情况会挖出别人的糟糕经历来给我建议。

问题： 我有一页没有任何效果。我从外部样式表中删除了适当的 CSS，并一直在内部样式表中重写它。我遇到的两个最大问题是伪元素和伪类不起作用。我挣扎了一会儿，试图弄清楚它是否是我正在使用的东西，但后来我尝试了不同的伪类，比如 p:first-child {color:red} 什么都没有。

我也遇到了页面上的图像替换问题。我通常的文本缩进不起作用，文本只是留在页面上。

我不确定还有哪些其他信息是相关的，所以如果您需要查看任何内容或提出任何问题，请询问。我提前感谢你让像我这样的菜鸟免于拔头发:)

编辑

这是页面代码的链接：http: //jsfiddle.net/syren/Zsj2T/ 该站点上的所有其他内容都有效，因此我必须假设它与页面上的代码有关。

a:link诸如或div::after...之类的事情

关于差异的信息似乎很少。

我刚发现这个：

注意：a:hover 必须在 CSS 定义中的 a:link 和 a:visited 之后才能生效！！

注意：a:active 必须在 CSS 定义中的 a:hover 之后才能生效！！

注意：伪类名不区分大小写。

这是否意味着这是不正确的？

可悲的是来源是： http ://www.w3schools.com/css/css_pseudo_classes.asp

如果您不知道为什么“可悲”，请访问http://w3fools.com

我有这段代码，它使用纯 CSS 显示了一个小三角形，它适用于所有现代浏览器，包括 IE8-IE9：

问题是它不适用于 IE7，它只是不显示箭头。

我看到有人建议使用 ie8.js，但它也不起作用。

有谁知道如何让它在 IE7 上运行？

jQuery 是否有:target类似于 CSS3 的伪类？

如果是这样，演示会很好。

谢谢！

通过 JavaScript 在浏览器中检测对任何 css 伪类的支持的概念是什么？确切地说，我想检查用户的浏览器是否支持:checked伪类，因为我已经制作了一些带有复选框的 CSS 弹出窗口，并且需要为旧浏览器做回退。

回答：我发现已经在 Modernizr "Additional Tests"中实现了测试 css 选择器的方法。