How to create a dynamic html wrapper element who doesn't bother the css selectors

Question

Is there a way to create a certain html wrapper element for js purposes only, who doesn't bother the css?

So I can still use the > sign as selector, like the example.

Example:

.container > .row {  
  margin:10px;
}

<div class="container">
  <div id="divWrapper123">
    <div class="row">
    </div>
  </div>
</div>

Tomer · Accepted Answer · 2016-05-17 14:49:52Z

1

no, > in css always mean direct child. you can instead use jquery to apply styling, or you can give the row another class and use it to style:

<div class="container">
  <div id="divWrapper123">
    <div class="row m10">
    </div>
  </div>
</div>


.container .m10{  
  margin:10px;
}

answered May 17, 2016 at 14:49

Tomer

17.9k17 gold badges82 silver badges139 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Marcelo Over a year ago

Alternatively, they could apply the ID to the existing parent object <div class="container" id="divWrapper123">

NiZa Over a year ago

The problem is that I am using a css framework where the row needs to be directly after the container. The div with the id will only append when user is logged in to edit something.

Tomer Over a year ago

can you add the new class .m10? If you can then there is no problem, it will always work

Collectives™ on Stack Overflow

How to create a dynamic html wrapper element who doesn't bother the css selectors

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related