问题标签 [pseudo-class]

所以我尝试前后试验CSS伪类。我尝试使用这些伪来创建标题元素。这是为了减少使用 div 来保存左右图像。这是 HTML 的代码

所以我有 3 个图像来创建传统的标题元素，左侧和右侧宽度为 20 像素，高度为 100 像素，中间为 1 像素宽度和 100 像素高度，将水平重复。这里是我的 CSS

所以问题是如果我删除 h1 元素，它会完美对齐，但是如果我放置这些元素，它会将 ::after 伪类向下推，它会根据它的高度占用剩余空间。我怎样才能制作这个 h1 元素只占用中间空间而不影响 ::after 空间？

http://jsfiddle.net/nicktheandroid/k93ZK/2/

这应该很简单，我只是不明白为什么它不起作用。将鼠标悬停在:before它应该将其不透明度更改为 1，但事实并非如此。为什么？

编辑：我正在使用 Chrome。

我想在表格的第一列上制作斑马效果。我怎么能选择 tr 的第一个 td 并在其上应用 nth-child(2n) ？

我正在尝试使用 LESS CSS 来编写我的 CSS，但我遇到了嵌套伪类的问题

输出是：

但我想要这个：

有任何想法吗？

我以前从未尝试过。我创建了一个包含两个图标的图像精灵。每个图标的宽度和高度均为 26 像素。所以精灵是26x52px。

我有一个在 div.something 或 div.anything 中的元素。根据它所在的班级，我想在左侧或右侧添加一个角帽。

因此，我将 .element 相对定位，将:before伪类应用于 img 并将其绝对定位，高度和宽度为 26px，因此只有一个精灵图标适合。我还应用“溢出：隐藏”以隐藏精灵上的第二个图标。

这适用于我在精灵中使用第一个顶部图标的左角。但是现在我想知道如何在精灵中只显示“anything .element”的第二个图标。

所以实际上“掩码”应该定位在-2px，-2px，但里面的精灵img应该从-26px开始，所以显示第二个图标。

我现在这样做的方式是否可以使用 css？

我正在尝试使用 CSS 获取页面上的第一篇文章。我尝试了以下方法：

和

然而，这些似乎都没有做任何事情。

我的 HTML 标记如下（去除了头部并省略了内容）：

我也在使用最新版本的 chrome。

正如我检查的那样，我p.first_p:first-letter在我的样式表中有，当first_p在 HTML 中设置类时它工作得很好。当我使用 javascript 查找元素然后设置它们的类时，问题就开始了。

在 Chrome 和 Opera 下它工作正常（我需要检查 IE 8 和 9，以及 FF3）。

FF 5.01 更改了类，但伪类设置仍然不影响元素。

似乎 FF 需要在伪类开始工作之前“刷新”元素的 css 设置，所以我做了相当肮脏的解决方法——脚本用它的克隆替换受影响的节点。

有没有更好的方法来解决这个问题？让FF重新计算它所知道的关于节点的一切的方法？此外，对于 IE 7，这种解决方法还不够。

编辑：是的，伪元素不是伪类，我的错

我正在尝试通过设置我自己的单选按钮和复选框的样式来启动我的 Web 表单。为此，我隐藏了单选框/复选框本身，并使用 :after 伪类在标签上创建了一个状态指示元素，如下所示：

现在，这对收音机非常有效。我点击标签，小复选框出现在标签上，没有其他。但问题是复选框：虽然选中的复选框仍然显示绿色复选框，但未选中的复选框根本不显示，而不是应该显示的红色复选框。好像

部分根本没有抓住，或者像 :checked 伪类会覆盖它的独立。

我在这里错过了什么重要的东西吗？

问候

所以首先让我承认我不是最擅长编码，我是一名平面设计师，但我正在尝试自学 HTML5。我已经设法解决了我的大部分问题，但我现在很难过。

本质上，我的问题是当您单击 iframe 中的缩略图时，它会在屏幕顶部对齐缩略图。我尝试将 translateY 添加到“页面”类中，并且在 iframe 页面中也尝试过，但这会导致主图片未对齐。

我的测试页在线http://www.brodylahd.com/index2

回复 陈猫

是的，我认为这就是我需要做的......但它仍然会有相同的水平运动吗？

难道我做错了什么？

CSS/萨斯：

html/哈姆尔：

这不起作用，并且第一个<article>. article.noborder我必须再上一堂课，并在第一篇文章中做类似的事情才能获得无边界。任何帮助将不胜感激......css讨厌我。