Css 第n个孩子未在“我的图库”中选择特定图像

Css 第n个孩子未在“我的图库”中选择特定图像,css,css-selectors,Css,Css Selectors,我有一个画廊,我正试图与CSS风格。具体来说,我正在尝试编写CSS来查找特定编号的div,然后应用一个新的高度(以像素为单位),该高度将覆盖默认高度。这是因为我有一些图像是纵向的,需要更长的高度,与其他方形图像相比 以下是画廊的一个工作示例: 下面是我正在使用的CSS示例: html body div#page_div div#page_content.full_width div.container_div div#mainworkpanelsheet div.mainworkpanel d

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

以下是画廊的一个工作示例:

下面是我正在使用的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/图像进行样式化,而不是对每个gallery div进行样式化。我还试过div.mainworkpanel:nth-child2,我认为哪个更准确?但这也毫无作用。我还尝试通过div[style=imageURL.jpg]通过其背景图像属性选择每个div,但我似乎也无法实现这一点

我无法控制库中div的CSS类-它们都是相同的mainworkpanelthumb。此库由jquery通过XML文件生成。在生成拇指后,CSS不可能覆盖图像属性吗


谢谢

使用第n种类型2而不是第n种类型2

使用以下内容:

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

}

最短的选择器应该是经过测试的:

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

它选择库中的特定容器。在此容器中,它设置保存图像的子对象的高度。你需要使用!重要的是,所有这些容器都有可以覆盖CSS规则的内联样式。

您的选择器非常具体。.嘿,已经有一段时间了,但我只是想说,这个解决方案是有效的。非常感谢。