Change Width of a container if it has particular element [duplicate]

Question

I have n number of containers which has some divs. But I need to change the particular container's width which has . How to achieve this only using css.? (I can do this using Jquery)

if ($(".container #content").length > 0){ $(this).closest('.container').css('width','450px'); }

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="container"> .... </div> <div class="container"> .... </div> <div class="container"> .. <div id="content">...</div> .. </div> <div class="container"> .... </div>

You're trying to make .container 450px wide if it contains #content? You could make .container display: inline-block and then give #content width: 450. That would do it, though hard to say if it would work for you without more context. — sallf
– sallf, Commented Feb 15, 2019 at 6:57
That's an interesting answer. But In my case that each container is a pop-up modal. I can't give display:inline-block , Because it will affect all other pop-up modal (I don't want to change anything on other container classes). — Kaushik C
– Kaushik C, Commented Feb 15, 2019 at 7:03

Nikhil Aggarwal · Accepted Answer · 2019-02-15 06:54:10Z

Try following

$("#content").closest('.container').css('width','450px');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="container"> .... </div> <div class="container"> .... </div> <div class="container"> .. <div id="content">...</div> .. </div> <div class="container"> .... </div>

As id is unique and there should maximum be 1 element in html with the said id. However, still you have multiple elements having same id in the hierarchy, then the selector can be updated to $(".container #content")

I don't want to use jQuery. Is it possible to set width for that particular container which has content div using css??
@KaushikC - In comments there is reference to another question, you can find the answer there.

Collectives™ on Stack Overflow

Change Width of a container if it has particular element [duplicate]

1 Answer 1

2 Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Linked

Related