第 n 个孩子不会在我的画廊中选择特定的图像

Question

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

下面是一个工作示例:

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:n -child(2)"(我想哪个更准确?)但这也没有任何作用。我也试过通过它的"background-image"属性选择每个div，通过div[style="imageURL.jpg"]，但我似乎也不能让它工作。

我无法控制图库中div的CSS类-它们都是相同的("mainworkpanelthumb")。这个图库是由jquery通过一个XML文件生成的。在生成拇指后，CSS是否不可能覆盖图像属性?

谢谢!

Answer 1

最短的选择器应该是这个(已测试):

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

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

Answer 2

用这个代替:

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

Answer 3

用n -of-type(2)代替n -child(2)