"span.webdeveloper-div-order {" Whats this?

[Mike Barnard]

Hi again.

Yes, I've googled. Found the phrase sparingly but no explanation. So,
whats it for please? It's the first line in a css file I'm looking
at. It has loads of colours like this in the statement.

background-color: #ffff99 !important;

Just trying to learn as best I can.

Thanks.

 

[Steve Pugh]

Yes, I've googled. Found the phrase sparingly but no explanation. So,
whats it for please? It's the first line in a css file I'm looking
at.

span.webdeveloper-div-order is a CSS selector.
span is a selector for the span HTML element and the dot denotes a
class, in this case that selector selects all span elements of the
class webdeveloper-div-order. i.e. it matches the HTML <span

It has loads of colours like this in the statement.

background-color: #ffff99 !important;

And those are the styles.

CSS rules take the form
selector { property: value;}

In thise it's setting the background-color property for the above
mentioned HTML elements. The !important is an instruction that raises
declaration above the normal specificity order and is used to avoid
clashes with declarations from elsewhere in the cascade.

CSS: http://www.w3.org/Style/CSS/

Steve

 

[Mike Barnard]

span.webdeveloper-div-order is a CSS selector.
span is a selector for the span HTML element and the dot denotes a
class, in this case that selector selects all span elements of the
class webdeveloper-div-order. i.e. it matches the HTML <span


And those are the styles.

CSS rules take the form
selector { property: value;}

In thise it's setting the background-color property for the above
mentioned HTML elements. The !important is an instruction that raises
declaration above the normal specificity order and is used to avoid
clashes with declarations from elsewhere in the cascade.

CSS: http://www.w3.org/Style/CSS/

Steve

I see. Thanks for the in depth breakdown. I have a LOOOOOTTT to
learn yet, if ever.

 

[Toby A Inkster]

i.e. it matches the HTML <span
class="span.webdeveloper-div-order">...</span>

or even:

<span class="webdeveloper-div-order">...</span>

;-)

--
Toby A Inkster BSc (Hons) ARCS
Contact Me ~ http://tobyinkster.co.uk/contact
Geek of ~ HTML/SQL/Perl/PHP/Python*/Apache/Linux

* = I'm getting there!

 

[Steve Pugh]

or even:

<span class="webdeveloper-div-order">...</span>

;-)

That plus the terrible typing in all of yesterday's posts confirms
that hangovers and usenet should never mix.

Steve