W3C CSS Validator results for http://www.webstandards.org/files/acid2/test.html#top (CSS level 2.1)

Sorry! We found the following errors (8)

URI : https://www.webstandards.org/files/acid2/test.html

38 Parse Error [ two]]
89 .parser Property error doesn't exist : \}
92 .parser Property m\00000argin doesn't exist : 2em
92 Parse Error };
94 .parser Value Error : width only 0 can be a length. You must put a unit after your number : 200
95 .parser Parse Error ! error;
95 .parser Parse Error }
96 .parser Value Error : background Too many values or values are not recognized : red pink

↑ Top

Warnings (1)

URI : https://www.webstandards.org/files/acid2/test.html

29 [class="second\ two"] and [class="second two"] are incompatible

↑ Top

Valid CSS information

html {
font : 12px sans-serif;
margin : 0;
padding : 0;
overflow : hidden;
background : white;
color : red;
}
body {
margin : 0;
padding : 0;
}
.intro {
font : 2em sans-serif;
margin : 3.5em 2em;
padding : 0.5em;
border : solid thin;
background : white;
color : black;
position : relative;
z-index : 2;
}
.intro * {
font : inherit;
margin : 0;
padding : 0;
}
.intro h1 {
font-size : 1em;
font-weight : bolder;
margin : 0;
padding : 0;
}
.intro :link {
color : blue;
}
.intro :visited {
color : purple;
}
#top {
margin : 100em 3em 0;
padding : 2em 0 0 0.5em;
text-align : left;
font : 2em/24px sans-serif;
color : navy;
white-space : pre;
}
.picture {
position : relative;
border : transparent solid 1em;
margin : 0 0 100em 3em;
}
.picture {
background : red;
}
.picture p {
position : fixed;
margin : 0;
padding : 0;
border : 0;
top : 9em;
left : 11em;
width : 140%;
max-width : 4em;
height : 8px;
min-height : 1em;
max-height : 2mm;
background : black;
border-bottom : 0.5em solid yellow;
}
.picture p.bad {
border-bottom : solid red;
}
.picture p + p {
background : maroon;
z-index : 1;
}
.picture p + table + p {
margin-top : 3em;
}
[class~="one"].first.one {
position : absolute;
top : 0;
margin : 36px 0 0 60px;
padding : 0;
border : black 2em;
border-style : none solid;
}
[class~="one"][class~="first"] [class="second\ two"][class="second two"] {
float : right;
width : 48px;
height : 12px;
background : yellow;
margin : 0;
padding : 0;
}
.forehead {
margin : 4em;
width : 8em;
border-left : 1em solid black;
border-right : 1em solid black;
background : red url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC);
}
.forehead * {
width : 12em;
line-height : 1em;
}
.two.error.two {
background : maroon;
}
.forehead.error.forehead {
background : red;
}
.eyes {
position : absolute;
top : 5em;
left : 3em;
margin : 0;
padding : 0;
background : red;
}
#eyes-a {
height : 0;
line-height : 2em;
text-align : right;
}
#eyes-a object {
display : inline;
vertical-align : bottom;
}
#eyes-a object[type] {
width : 7.5em;
height : 2.5em;
}
#eyes-a object object object {
border-right : 1em solid black;
padding : 0 12px 0 11px;
background : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAABnRSTlMAAAAAAABupgeRAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAAEUlEQVR42mP4%2F58BCv7%2FZwAAHfAD%2FabwPj4AAAAASUVORK5CYII%3D) fixed 1px 0;
}
#eyes-b {
float : left;
width : 10em;
height : 2em;
background : url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAIAAAD91JpzAAAABnRSTlMAAAAAAABupgeRAAAABmJLR0QA%2FwD%2FAP%2BgvaeTAAAAEUlEQVR42mP4%2F58BCv7%2FZwAAHfAD%2FabwPj4AAAAASUVORK5CYII%3D) fixed;
border-left : 1em solid black;
border-right : 1em solid red;
}
#eyes-c {
display : block;
background : red;
border-left : 2em solid yellow;
width : 10em;
height : 2em;
}
.nose {
float : left;
margin : -2em 2em -1em;
border : black solid 1em;
border-top : 0;
min-height : 80%;
height : 60%;
max-height : 3em;
padding : 0;
width : 12em;
}
.nose > div {
padding : 1em 1em 3em;
height : 0;
background : yellow;
}
.nose div div {
width : 2em;
height : 2em;
background : red;
margin : auto;
}
.nose :hover div {
border-color : blue;
}
.nose div:hover :before {
border-bottom-color : inherit;
}
.nose div:hover :after {
border-top-color : inherit;
}
.nose div div:before {
display : block;
border-style : none solid solid;
border-color : red yellow black yellow;
border-width : 1em;
content : '';
height : 0;
}
.nose div :after {
display : block;
border-style : solid solid none;
border-color : black yellow red yellow;
border-width : 1em;
content : '';
height : 0;
}
.empty {
margin : 6.25em;
height : 10%;
}
.empty div {
margin : 0 2em -6em 4em;
}
.smile {
margin : 5em 3em;
clear : both;
}
.smile div {
margin-top : 0.25em;
background : black;
width : 12em;
height : 2em;
position : relative;
bottom : -1em;
}
.smile div div {
position : absolute;
top : 0;
right : 1em;
width : auto;
height : 0;
margin : 0;
border : yellow solid 1em;
}
.smile div div span {
display : inline;
margin : -1em 0 0 0;
border : transparent solid 1em;
border-style : none solid;
float : right;
background : black;
height : 1em;
}
.smile div div span em {
float : inherit;
border-top : 1em solid yellow;
border-bottom : 1em solid black;
}
.smile div div span em strong {
width : 6em;
display : block;
margin-bottom : -1em;
}
.chin {
margin : -4em 4em 0;
width : 8em;
line-height : 1em;
border-left : 1em solid black;
border-right : 1em solid black;
background : yellow url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAIAAAFSDNYfAAAAaklEQVR42u3XQQrAIAwAQeP%2F%2F6wf8CJBJTK9lnQ7FpHGaOurt1I34nfH9pMMZAZ8BwMGEvvh%2BBsJCAgICLwIOA8EBAQEBAQEBAQEBK79H5RfIQAAAAAAAAAAAAAAAAAAAAAAAAAAAID%2FABMSqAfj%2FsLmvAAAAABJRU5ErkJggg%3D%3D) no-repeat fixed;
}
.chin div {
display : inline;
font : 2px/4px serif;
}
.parser-container div {
color : maroon;
border : solid;
color : orange;
}
div.parser-container * {
border-color : black;
}
* div.parser {
border-width : 0 2em;
}
.parser {
margin : 0 5em 1em;
padding : 0 1em;
width : 2em;
height : 1em;
background : yellow;
}
* html .parser {
background : gray;
}
\.parser {
padding : 2em;
}
.parser {
height : 3em;
}
ul {
display : table;
padding : 0;
margin : -1em 7em 0;
background : red;
}
ul li {
padding : 0;
margin : 0;
}
ul li.first-part {
display : table-cell;
height : 1em;
width : 1em;
background : black;
}
ul li.second-part {
display : table;
height : 1em;
width : 1em;
background : black;
}
ul li.third-part {
display : table-cell;
height : 0.5em;
width : 1em;
background : black;
}
ul li.fourth-part {
list-style : none;
height : 1em;
width : 1em;
background : black;
}
.image-height-test {
height : 10px;
overflow : hidden;
font : 20em serif;
}
table {
margin : 0;
border-spacing : 0;
}
td {
padding : 0;
}

↑ Top