Multiple tag selectors have properties under id selector

[nminaker]

I'm not really sure if that makes sense, but I'll try to explain here.

I have a pair of divs that both have id selectors; links and "header" respectively. I want these two divs to not follow the rest of my css, but they have a bunch of different tags in them and it they seem to be overridden by the rest of the css.

I was trying to do this for the links id selector:

a#links {color: white;background-color:#696969;padding:0.3em 0.6em}
a:hover#links {color: #A9A9A9;}

 

[ChrisHirst]

#links a { ...

#links a:hover { ...


your syntax specifies an element with the ID of links inside an anchor element

Chris.

Indifference will be the downfall of mankind, but who cares?
Woo Hoo! the cobblers kids get new shoes.
People Counting Systems

So long, and thanks for all the fish.

 

[nminaker]

Ah-ha... Alright.

So since I have a span inside the header div with the id of "intro" I could go like:

div#intro {whatever...}

to change the stuff in that span?

Also, since I have a bunch of different tags inside the divs ( ie: h2, h4, ul, li), is this how I apply the id selector properties to all of them:

#header h2, #header h4, #header ul, #header li { font-variant: small-caps; }

OR like this:

#header h2, h4, ul, li { font-variant: small-caps; }

Neither seem to give the correct look.

Thanks for your help!

Nicholas

 

[Vragabond]

1. No. To reference span, you would say #intro span { }. What you wrote would reference the div with the id of intro.

2. The first syntax is correct. The second one defines default h4, ul and li and h2 within an element with an id of header. If it doesn't work your css might be changed by another rule with higher specificity.

___________________________________________________________
[small]Do something about world cancer today: PACT[/small]

 

[Rieekan]

And about specificity, I've always found this article, CSS Spcificity Wars both funny and extremely good in describing how specificity works.

- George