Skyn2

He that worked.
So i need to target the list within the class cat-meta.

I was targeting the cat-meta.
Why doesn't the CSS understand that?
The list is still within the same class as I targeted first?

conor

CSS isn't smart, it does exactly what you tell it to and can't predict all situations of human error. ie If the rules aren't applied to the correct element they will have a different effect than desired.

__________________
Conor

Phreaddee

Generally speaking for a nav list you would have four css selectors
ul
ul li
ul li a
ul li a:hover

Giving your ul display:inline wouldnt affect the ul li as their default style is inline:block, if you want your links to have a particular style you would target ul li a, likewise a style pertaining to the hover would only work on the ul li a:hover

Without specifity your css uses the defaults. Which vary based on the browser (unless you use resets) this obviously is not preferred.

__________________
if (headhurts == "possibly") {
alert ("keep going!");
}
else if (headhurts == "yes") {
alert ("go to sleep");
}
else if (headhurts == "damn !@#$ mofo scripts...") {
alert ("give up and have a beer!");
}
else {
alert ("watch TV");
}

Skyn2

Because I use ul li a, CSS attacks the element within li and ul.
What I don't understand, is if I use inline: block for UL, why it doesnt attack everything in the UL?

Wouldnt it use the CSS inline: block, instead of the default if I give it that code?

Is it because it's too unspecific?

Phreaddee

ul {display:block;} would make the list behave like a block element (ie, stack on top)
ul {display:inline} would make the list behave like an inline element (ie not break to new line)
However the list items (ul li) would still be display:block and still stack on top as you havent assigned a style to them. It just doesnt flow down like that. Its like suggesting you put display:inline on the body tag and assuming that everything contained within the body to therefore act as inline elements.
It doesnt work like that. And for good reason too. Everything needs its own style assigned to it.
Seriously read the initial tutorial link, it explains this concept much better than i can.
I would also do a google search and find out what (by default) are block element and what are inline elements. <span> -inline, <div> - block for instance.

__________________
if (headhurts == "possibly") {
alert ("keep going!");
}
else if (headhurts == "yes") {
alert ("go to sleep");
}
else if (headhurts == "damn !@#$ mofo scripts...") {
alert ("give up and have a beer!");
}
else {
alert ("watch TV");
}