Nested CSS - Bootstrap/rails

Question

I have this CSS style in my Rails 4 app (with bootstrap)

.intpol3 {
    font-family: 'Roboto', sans-serif;
    color: black;
    font-size: 16px;
    text-align:left;
    letter-spacing:2px; 
    line-height: 1.5;       
}

When I use this div class, I have text that includes a bulleted list, which is set with the <li> tag.

Is there a way to use the <li> tag so that where it is used inside the above CSS div tag, it uses the styling of the div tag? At the moment it defaults to some ugly text and I can't find the source of it. I only want to override it for the specific list items inside this div tag - as I use list items elsewhere and the ugly text is fine for those.

The li should inherit those parent styles if there aren't other styles on it. So inspect the li element and see what styles is it using (maybe you put some bootstrap's styles on them). — Vucko
– Vucko, Commented Nov 6, 2015 at 8:19

Djwokian · Accepted Answer · 2015-11-06 08:18:11Z

1

Pop in

.intpol3 li {
.........
}

Sass/scss makes writing these kind of relationships even easier / maintainable and no changes are needed for scss to work in rails.

Good luck!

answered Nov 6, 2015 at 8:18

Djwokian

2492 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

Nested CSS - Bootstrap/rails

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related