noob: css declaration #content vs div#content?

[johnCash]

Are they the same?

[Chroniclemaster1]

basically yes. An id can only be applied to one element per page, so it's going to be a div.

There is a situation where they'd be very different. If you're using an external stylesheet and on some pages #content is the id of a div and on some pages it's not. In that case #content would implement style rules that you want to apply anywhere you use id="content", regardless of the element it's attached to. And div #content would be the style rules that only apply to divs with the content id.

[Gexus]

basically yes. An id can only be applied to one element per page, so it's going to be a div.

There is a situation where they'd be very different. If you're using an external stylesheet and on some pages #content is the id of a div and on some pages it's not. In that case #content would implement style rules that you want to apply anywhere you use id="content", regardless of the element it's attached to. And div #content would be the style rules that only apply to divs with the content id.

How do you know it will be a div and not an anchor link or image?

[samanime]

If it is "div #content" it means "a div element with the id content", where as "#content" is "any element with the id content".

[rainmakr]

If it is "div #content" it means "a div element with the id content"

Not sure if this is a typo or not. But, "div #content" (note the space) means any element that is contained in any div and has an id of "content".

div#content is what you described: "a div element with the id content"

John

[samanime]

Oops, yup, that was a typo.

"div #content" would mean "An element with the id of content contained within a div, regardless of how deep"

And, while we're at it "div>#content" would mean "An element with the id of content contained directly within a div"