nur alles innerhalb eines Div containers

exestend

Mitglied
Hallo,ich habe ein kleines Problem und scheine auf dem Schlauch zu stehen.

Ich habe eine CSS, in der ich 2x z.B. den gleichen div container habe. Jeweils mit unterschiedlichen Eigenschaften. Ich weiß, das es falsch ist. Ist jetzt aber leider so und nun versuche ich eine Lösung zu finden.

Hintergrund ist, dass ich automatisiert mehrere hundert Artikel bei eBay eingelesen habe.

Diese eBay Styles haben leider die gleichen container wie die, die eine andere Webseite hat.

Nun habe ich überlegt das so zu lösen:

eBay hat ja seine desc. in einem Div container:
#desc_div

Wie kann ich jetzt sagen, dass alles innerhalb dieses Divs für eBay gilt.

z.B. hatte ich gehofft, das das so geht:
CSS:
#desc_div > #main-wrapper-bg {
[...]
}
#desc_div > .wrapper-content {
  [...]
}

Der andere, also zweite div container sieht nämlich so aus:
CSS:
#main-wrapper-bg {
[...]
}
.wrapper-content {
  [...]
}
etc.


klappt aber nicht so ganz :/

Jemand eine Idee?

LG
 
Nun habe ich überlegt das so zu lösen:

eBay hat ja seine desc. in einem Div container:
#desc_div

Wie kann ich jetzt sagen, dass alles innerhalb dieses Divs für eBay gilt.

z.B. hatte ich gehofft, das das so geht:
CSS:
#desc_div > #main-wrapper-bg {
[...]
}
#desc_div > .wrapper-content {
  [...]
}
klappt aber nicht so ganz :/

Jemand eine Idee?
Auch wenn das Thema schon ein paar Tage alt und als erledigt markiert ist, möchte ich meine Vermutung kundtun, warum dein Vorhaben mit dem Kindselektor nicht funktioniert hat.

Der Kindselektor #desc_div > #main-wrapper-bg findet nur in diesem Fall eine Übereinstimmung:
HTML:
<div id="desc_div">
  <div id="main-wrapper-bg">...</div>
</div>
... wenn es sich also um ein direktes Kindelement handelt.

Nicht aber in dem Fall einer tieferen Verschachtelung:
HTML:
<div id="desc_div">
  <div id="anything">
    <div id="main-wrapper-bg">...</div>
  </div>
</div>
In diesem Fall wäre stattdessen der Nachfahrenselektor das gesuchte Werkzeug:
CSS:
#desc_div #main-wrapper-bg {
[...]
}
[edit]Tipp-Ex[/edit]
 
Zuletzt bearbeitet:
Zurück