0

我有一个画廊，我正在尝试使用 CSS 设置样式。具体来说，我正在尝试编写查找特定编号的 div 的 CSS，然后应用一个新的像素高度，该高度将覆盖默认高度。这是因为与其他方形图像相比，我有一些肖像图像需要更长的高度。

这是画廊的一个工作示例：

http://kylework.com/

这是我正在使用的 CSS 示例：

html body div#page_div div#page_content.full_width div.container_div  div#mainworkpanelsheet div.mainworkpanel div:nth-child(2)
{
height: 200px!important;
}

从上面的代码中，我希望唯一的第二个 div/图像被设置样式——而不是每个画廊 div 都被设置样式。我也尝试过“div.mainworkpanel:nth-child(2)”（我想这更准确？）但这也无济于事。我还尝试通过 div[style="imageURL.jpg"] 通过其“背景图像”属性选择每个 div，但我似乎也无法让它工作。

我无法控制画廊中 div 的 CSS 类 - 它们都是相同的（“mainworkpanelthumb”）。这个画廊是由 jquery 通过 XML 文件生成的。生成拇指后，CSS 是否无法覆盖图像属性？

谢谢！

4

3 回答 3

1

改用这个：

div.mainworkpanel:nth-child(3) div.mainworkpanelthumb {
background: red;
height:1500px !important;

}
于 2013-04-02T23:51:57.790 回答
1

工作的最短选择器应该是这个（经过测试）：

div.mainworkpanel:nth-child(3) div.mainworkpanelthumb {
    background: red;
    height:1500px !important;
}

它选择库中的特定容器。在这个容器中，它设置持有图像的孩子的高度。您需要使用!important以及所有这些容器都具有将覆盖 CSS 规则的内联样式。

于 2013-04-03T00:07:15.187 回答
0

代替 nth-child(2) 使用 nth-of-type(2)

于 2013-04-02T23:51:46.850 回答