CODEWITHSUNDEEP
htmlcsscss-selectors
goul
goul

Reputation: 853

Reach an html div with inside a tree structure with css

I have the following html structure (inside a wiki-content div) and I don't know how to reach it.

enter image description here

This doesn't seem to work, would you know why?

.wiki-content .table-wrap relative-table.wrapped.confluenceTable
{
   width: 100%;
 }

Thank you

Upvotes: 0

Views: 400

Answers (3)

davecar21
davecar21

Reputation: 2674

You can try doing this and the try to put !important to override the existing width.

.table-wrap .relative-table.wrapped.confluenceTable
{
   width: 100%!important;
}

If the inline style width is generated by a certain javascript, you need to re initialized it using also a javascript. because you can't override a inline style using css since it has the most specificity value. Please read this link about https://css-tricks.com/specifics-on-css-specificity/

Please see below javascript code to re initialized the width.

document.getElementsByClassName("relative-table").style.width = "100%";

Upvotes: 1

DannyMoshe
DannyMoshe

Reputation: 6265

It doesnt work because you have an inline CSS value of width set to 99.9315%. Inline styles get processed after your css so this will override any other setting for width in your css file.

Try removing the inline width setting.

Upvotes: 3

Jeremiah Cabigting
Jeremiah Cabigting

Reputation: 149

Have you tried using !important?

.wiki-content .table-wrap relative-table.wrapped.confluenceTable
{
   width: 100% !important;
}

Upvotes: 1

Related Questions