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:
& lt; Div class = "container_24 grid_84" & gt; & Lt; / Div & gt;

I tried to write CSS like this: .container_24 .grid_84 {width: 84px! Important; }

It is not being set to 84px, which is set to 960px.

Is it fair to show it?

Your CSS is as follows:

  .container_24 .grid_84 < / Code>  

is in the search for an element with a class of grid_84 which is a child of container_24

But you are actually looking at it in your HTML:

  .container_24.grid_84   

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

  .override_84px   

, 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 container_24 class in the first place?

Do not want to use that feature with your own CSS as it is usually an indication that things have become a little dirty.

Comments

Popular posts from this blog

mysql - BLOB/TEXT column 'value' used in key specification without a key length -

c# - Using Vici cool Storage with monodroid -

python - referencing a variable in another function? -