Archive for CSS

You are browsing the archives of CSS.

How to Count CSS Specificity Scores and Leverage !Important Overrides

photo credit: laffy4k
If you are having difficulty getting a particular CSS style to “appear”, one thing to check is your specificity. CSS specificity is a four digit score for resolving cascade conflicts. You can actually add up the specificity score to determine which conflicting style should prevail. The four digit score is comprised of [...]

Random BINGO Card Generator with Ajax Reset

Random BINGO Card Generator with Ajax Reset

photo credit: Keees
This programming challenge is from a Lynda.com instructional video, featuring Dori Smith, which I studied/practiced last summer but once again spring 2009. I do not mean to just re-post the wonderful Lynda.com code, but rather add instructional value to it by way of clearer variable names and explanatory comments. The end result [...]

Space is Critical in CSS Selectors

photo credit: makelessnoise
If you are having difficulty getting a particular CSS style to “appear”, one thing to look at is your selector. A tiny space can cause two different selections if you are not careful.
For example, notice the single space difference between these two selectors:

div#navbar {
background-color: #999;
}
div #navbar {
[...]

How to change alternating table row colors

photo credit: Lee Carson
Everyone loves the alternating table row colors on web pages. The same idea is applied to alternating blog comment styles. You can do it quite easily, and here are the three simple steps to do it.
This technique involves PHP, CSS, and a touch of SQL. However, the logic and therefore the [...]