CSS sözde sınıfı: nth çocuk sorunları

Question

Bir googlemap bilgi penceresi oluşturmaya çalışıyorum.

Bunu hedeflemek istediğiniz Böyle yapınca ben sadece hedefleme gibiyim ancak öyle görünüyor

Bu benim

.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); 
} 

istediğiniz div hedeflemek için tek yol gibi görünüyor div Benim div ama diğer div de.

Herhangi bir fikir neden?

Answer 1

Bu nedenle, seçicilerinizle yeterince spesifik olmadığınızdan. .gm-style div, yalnızca doğrudan çocuklar için değil .gm-stylediv öğesindeki öğelerine uygulanır. Verdiğiniz ekran dayanarak

, kullandığınız bu eleman seçebilirsiniz:

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

not Do o bir özel alt olmayan bu div unsurların herhangi kendi elemanlarını varsa, bu olsa

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

Ama biraz overkill olabilir tam kodunu görmeden: siz de kendi özel çocuk indicies seçmeniz gerekebilir böylece de, bunları seçebilir. n'inci-of-type (:

Answer 2

> div> div ben "bana yardımcı olacağı gibi" sahip tam html görmüyorum, ama herhangi bir şekilde bu

.gm tarzı deneyebilirsiniz 3)> div: nth-of-type (4)> div> div> div: nth-of-type (2)