CSS伪类：第n个子问题

-2

我试图设计一个googlemap信息窗口。CSS伪类：第n个子问题

我想针对这个div

这似乎是针对我想

.gm-style div div:nth-child(3) div:nth-child(4) div div div:nth-child(2) { 
background: white !important; 
border-radius: 0px !important; 
box-shadow:0px 0px 60px 0px rgba(0, 0, 0, 0.07); 
}

股利的唯一方法，但是我做到这一点时，它好像我不仅瞄准我的div，但其他div也是如此。

任何想法，为什么？

来源

2016-04-12 andrea

寻求代码帮助的问题必须包括在问题本身中重现它所需的最短代码**最好在[** Stack Snippet **]（https://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/）。请参阅[**如何创建最小，完整和可验证的示例**]（http://stackoverflow.com/help/mcve） –

这是因为您的选择器不够具体。 .gm-style div适用于任何div元素包含在.gm-style之内，不只是直接的孩子。

根据您所提供的截图，你可以选择使用这个元素：

.gm-style > div > div:nth-child(3) > div:nth-child(4) > div > div > div:nth-child(2)

确实注意到的是，如果其中任何div元件，其不是一个具体的孩子有自己的元素，这还可以选择，所以你可能需要选择自己的具体子indicies还有：

.gm-style > div:first-child > div:nth-child(3) > div:nth-child(4) > div:first-child > div:first-child > div:nth-child(2)

但没有看到完整的代码，可能是有点矫枉过正。

来源

2016-04-12 10:10:19

-1

我没有看到完整的HTML你“因为它会帮助我”，但无论如何你可以试试这个

.gm风格> DIV> DIV：第n-的类型（（2）

来源

2016-04-12 10:13:46

CSS伪类：第n个子问题

回答

相关问题