css stijlkenmerk pseudo class?

[paQ]

Ik probeer middels css een style te wijzigen van een div in wordpress.
De div wordt gegenereerd door de settings van een plugin (in wpbakery)

code:

<div id="deze kan ik een ID geven" class="en ook koppelen aan een class">
  ::before
     <div class="deze classes worden overal gebruikt" style="EN DIT WIL IK AANPASSEN">

Ik kan custom css via wpbakery beperken tot alleen de betreffende pagina,
div.veelgebruikteclasses {
maar er gaat dan alsnog erg veel overhoop, omdat andere divs ook gebruik maken van die class. Ik moet dus een manier zien te vinden om alleen die style van die div te isoleren. Ik had gehoopt dat te doen via

#IDvaneerstediv ::before {

of

#IDvaneerstediv :first-child {

maar dat gaat beide helemaal mis

Hoe kom ik in hemelsnaam bij die style? (middels css)

[Wintervacht]

Ik zou eens beginnen de spaties weg te halen tussen je selector en de pseudo-class

Een altenatief is de pseudo-elementen een andere class mee te geven en die te selecteren.

[ThaPegasus]

code:

#ID div {
 color: #fff;
}

Even ervan uitgaan dat je style een color is. Dan kan je dat zo oplossen. Via de '#ID' met een spatie ertussen kan je naar het volgende element.

[Wintervacht]

ThaPegasus schreef op donderdag 2 april 2020 @ 23:34:

code:

#ID div {
 color: #fff;
}

Even ervan uitgaan dat je style een color is. Dan kan je dat zo oplossen. Via de '#ID' met een spatie ertussen kan je naar het volgende element.

Voetnoot: Met een selector als

code:

#id [spatie] div

target je alle divs onder het element met de id hangen, ongeacht of ze directe child zijn of nog 5 lagen verder verstopt zitten.
met

code:

#id > div

target je alleen de directe child|(ren) divs die onder de id div hangen.

[paQ]

ah kijk, weer wat geleerd
Maar zo kom ik nog steeds niet in style="....

code:

#para>div {position:fixed;}

Als ik in de inspector van de browser kijk, dan komt er een nieuw blokje _onder_ de stijlkenmerken


edit:
als ik dan ook nog de class aanhaal, dan komt het al meer in de buurt
Nu nog even met de z-index rommelen van de overige delen.

code:

#para>div.upb_row_bg {position:fixed;}

[ Voor 40% gewijzigd door paQ op 02-04-2020 23:51 ]