CSS Errors/Hacks and W3C Validation

Question

I have the following lines (separate) in a stylesheet I am reviewing:

.Ex1.Ex2 {
color:#333;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
font-weight:bold;
margin:24px 0 5px;
border-bottom:1px solid #333
}

{
background-color:#ffe;
border:1px solid #aaa;
color:#000;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
height:auto;
margin-top:5px
}

and

.box_title_container {
height:29px;
width:225px;
margin:0 auto;
background:url(../best_images/boxts.gif);
repeat-x
}

When passing through the W3C Validator both return parsing errors. Since the person who created the stylesheet had much more experience than myself regarding CSS, I might believe that those are two types of hacks for crossbrowsing compatibility, but i couldn't google (it 's a verb now right?) anything related to this.

As for the first line it has two enclosing set of properties and the second has an isolated repeat-x value (and this "error" is repeated across the following 5 or 6 lines).

Could someone tell me if those were made with some sort of purpose or are plain errors?

Thanks in advance!

Vucko · Accepted Answer · 2012-11-29 16:03:06Z

3

In your first CSS block, you must indicate an ID, a class or an HTML element for the second {}

.Ex1.Ex2 {
color:#333;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
font-weight:bold;
margin:24px 0 5px;
border-bottom:1px solid #333 /* missing ;*/
}

#IDneeded .CLASSneeed {
background-color:#ffe;
border:1px solid #aaa;
color:#000;
font-family:Verdana,Arial,sans-serif;
font-size:9pt;
height:auto;
margin-top:5px /* missing ;*/
}

For the 2nd one, "repeat-x" is a value for "background" not a CSS property, just move the ;

.box_title_container {
height:29px;
width:225px;
margin:0 auto;
background:url(../best_images/boxts.gif) repeat-x;
}

edited Nov 29, 2012 at 16:03

Vucko

20.9k12 gold badges60 silver badges108 bronze badges

answered Nov 29, 2012 at 15:48

Aurélien Grimpard

96212 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

4 Comments

Vucko Over a year ago

And you're missing ; in some lines.

Bernardo Over a year ago

Thank you! As for the ID, and since I am not familiar with the site or the .css file, I think I will leave it as it is for now!

unor Over a year ago

@Vucko: the last ; is optional, isn't it?

Aurélien Grimpard Over a year ago

Yes, the last ";" is optional, it's a separator not an end of line requirement. Keeping everything with a ";" at the end is still better visualy speaking (though).

Collectives™ on Stack Overflow

CSS Errors/Hacks and W3C Validation

1 Answer 1

4 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

4 Comments

Your Answer

Sign up or log in

Post as a guest

Related