How do I override widths in 960.css? -
I have a 24 column page which is based on 24 column 960 template. I have an element that should be specific with 84px.
I tried to write a markup like this: I tried to write CSS like this: It is not being set to 84px, which is set to 960px. Is it fair to show it? Your CSS is as follows: is in the search for an element with a class of But you are actually looking at it in your HTML: This is an element with both classes, Shows Side Advice: Do not mix Grid Framework syntax with yours. Refers to 24 columns. Your 84 refers to a specific pixel. I recommend using some of the lines of , so it's obviously Those who are not part of the grid framework will have to see your markup. Besides, since you are making your own element here, why use the Do not want to use that feature with your own CSS as it is usually an indication that things have become a little dirty.
& lt; Div class = "container_24 grid_84" & gt; & Lt; / Div & gt;
.container_24 .grid_84 {width: 84px! Important; }
.container_24 .grid_84 < / Code>
grid_84 which is a child of
container_24
.container_24.grid_84
.override_84px
container_24 class in the first place?
Comments
Post a Comment