w3c css validaton falied for AUI css

[Jinesh N patel, modificado 7 Anos atrás.]

i am trying to validate liferay portal by w3c css validator

it shows lots of errors and warnings mainly in aui.css

some of them are as below :


9 .aui Parse Error {@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}
9 Sorry, the at-rule @-moz-keyframes is not implemented.
9 Sorry, the at-rule @-ms-keyframes is not implemented.
9 Sorry, the at-rule @-o-keyframes is not implemented.
17 Sorry, the at-rule @-ms-viewport is not implemented.
17 Sorry, the at-rule @-moz-keyframes is not implemented.
17 Sorry, the at-rule @-webkit-keyframes is not implemented.
17 Sorry, the at-rule @-o-keyframes is not implemented.
17 Sorry, the at-rule @-ms-keyframes is not implemented.
17 Unknown pseudo-element or pseudo-class :white
17 background-color Parse Error white;
17 Helvetica, Arial, sans-serif Parse Error [333;font-family:"Helvetica Neue"]
17 Helvetica, Arial, sans-serif Parse Error sans-serif;
17 .aui aside, .aui details, .aui figcaption, .aui figure, .aui footer, .aui header, .aui hgroup, .aui nav, .aui section Parse Error [:14px;line-height:20px;margin:0}.aui article]
17 .aui audio, .aui canvas, .aui video Parse Error ;*display:inline;
17 * Parse Error *zoom:1}
17 .aui img Value Error : width Too many values or values are not recognized : auto\000009
17 .aui button, .aui input Parse Error {*overflow:visible;
17 Unknown pseudo-element or pseudo-class :normal
17 line-height Parse Error normal}
17 .aui Parse Error {@page{margin:.5cm}
17 Parse Error }}
17 .aui .row Parse Error ;*zoom:1}
17 .aui .row-fluid Parse Error ;*zoom:1}
17 .aui .row-fluid [class*="span"] Parse Error ;*margin-left:2.07447%}
17 .aui .row-fluid .span1 Parse Error ;*width:6.32979%}
17 .aui .row-fluid .span2 Parse Error ;*width:14.84043%}
17 .aui .row-fluid .span3 Parse Error ;*width:23.35106%}
17 .aui .row-fluid .span4 Parse Error ;*width:31.8617%}
17 .aui .row-fluid .span5 Parse Error ;*width:40.37234%}
17 .aui .row-fluid .span6 Parse Error ;*width:48.88298%}
17 .aui .row-fluid .span7 Parse Error ;*width:57.39362%}
17 .aui .row-fluid .span8 Parse Error ;*width:65.90426%}
17 .aui .row-fluid .span9 Parse Error ;*width:74.41489%}
17 .aui .row-fluid .span10 Parse Error ;*width:82.92553%}
17 .aui .row-fluid .span11 Parse Error ;*width:91.43617%}
17 .aui .row-fluid .span12 Parse Error ;*width:99.94681%}
17 .aui .row-fluid .offset1 Parse Error ;*margin-left:10.53191%}
17 .aui .row-fluid .offset1:first-child Parse Error ;*margin-left:8.40426%}
17 .aui .row-fluid .offset2 Parse Error ;*margin-left:19.04255%}
17 .aui .row-fluid .offset2:first-child Parse Error ;*margin-left:16.91489%}
17 .aui .row-fluid .offset3 Parse Error ;*margin-left:27.55319%}
17 .aui .row-fluid .offset3:first-child Parse Error ;*margin-left:25.42553%}
17 .aui .row-fluid .offset4 Parse Error ;*margin-left:36.06383%}
17 .aui .row-fluid .offset4:first-child Parse Error ;*margin-left:33.93617%}
17 .aui .row-fluid .offset5 Parse Error ;*margin-left:44.57447%}
17 .aui .row-fluid .offset5:first-child Parse Error ;*margin-left:42.44681%}
17 .aui .row-fluid .offset6 Parse Error ;*margin-left:53.08511%}
17 .aui .row-fluid .offset6:first-child Parse Error ;*margin-left:50.95745%}
17 .aui .row-fluid .offset7 Parse Error ;*margin-left:61.59574%}
17 .aui .row-fluid .offset7:first-child Parse Error ;*margin-left:59.46809%}
17 .aui .row-fluid .offset8 Parse Error ;*margin-left:70.10638%}
17 .aui .row-fluid .offset8:first-child Parse Error ;*margin-left:67.97872%}
17 .aui .row-fluid .offset9 Parse Error ;*margin-left:78.61702%}
17 .aui .row-fluid .offset9:first-child Parse Error ;*margin-left:76.48936%}
17 .aui .row-fluid .offset10 Parse Error ;*margin-left:87.12766%}
17 .aui .row-fluid .offset10:first-child Parse Error ;*margin-left:85.0%}
17 .aui .row-fluid .offset11 Parse Error ;*margin-left:95.6383%}
17 .aui .row-fluid .offset11:first-child Parse Error ;*margin-left:93.51064%}
17 .aui .row-fluid .offset12 Parse Error ;*margin-left:104.14894%}
17 .aui .row-fluid .offset12:first-child Parse Error ;*margin-left:102.02128%}
17 .aui .container Parse Error ;*zoom:1}
17 .aui .container-fluid Parse Error ;*zoom:1}
17 .aui h1, .aui h2, .aui h3, .aui h4, .aui h5, .aui h6 Property text-rendering doesn't exist : optimizelegibility
17 .aui ul.inline > li, .aui ol.inline > li Parse Error ;*display:inline;
17 * Parse Error *zoom:1;
17 Parse Error [:5px;padding-right:5px}.aui dl]
17 .aui .dl-horizontal Parse Error {*zoom:1}
17 .aui textarea:focus, .aui input[type="text"]:focus, .aui input[type="password"]:focus, .aui input[type="datetime"]:focus, .aui input[type="datetime-local"]:focus, .aui input[type="date"]:focus, .aui input[type="month"]:focus, .aui input[type="time"]:focus, .aui input[type="week"]:focus, .aui input[type="number"]:focus, .aui input[type="email"]:focus, .aui input[type="url"]:focus, .aui input[type="search"]:focus, .aui input[type="tel"]:focus, .aui input[type="color"]:focus, .aui .uneditable-input:focus \000009 is not a outline-color value : thin dotted \000009
17 .aui input[type="radio"], .aui input[type="checkbox"] Parse Error ;*margin-top:0;
17 .aui input[type="image"], .aui input[type="submit"], .aui input[type="reset"], .aui input[type="button"], .aui input[type="radio"], .aui input[type="checkbox"] Parse Error [:1px \9;line-height:normal}.aui input[type="file"]]
17 .aui select, .aui input[type="file"] Parse Error ;*margin-top:4px;
17 Parse Error [:30px}.aui select]
17 .aui .controls-row Parse Error {*zoom:1}
17 Unknown pseudo-element or pseudo-class :invalid
17 Unknown pseudo-element or pseudo-class :invalid
17 Unknown pseudo-element or pseudo-class :invalid
17 Unknown pseudo-element or pseudo-class :invalid
17 Unknown pseudo-element or pseudo-class :invalid
17 Unknown pseudo-element or pseudo-class :invalid
17 .aui .form-actions Parse Error ;*zoom:1}
17 .aui .help-inline Parse Error ;*display:inline;
17 * Parse Error *zoom:1;
17 Unknown pseudo-element or pseudo-class :middle
17 vertical-align Parse Error middle;
17 .aui .input-prepend Parse Error [:5px}.aui .input-append]
17 .aui .input-append input, .aui .input-append select, .aui .input-append .uneditable-input, .aui .input-prepend input, .aui .input-prepend select, .aui .input-prepend .uneditable-input Parse Error ;*margin-left:0;
17 Unknown pseudo-element or pseudo-class :top
17 vertical-align Parse Error top;
17 .aui .input-append select:focus, .aui .input-append .uneditable-input:focus, .aui .input-prepend input:focus, .aui .input-prepend select:focus, .aui .input-prepend .uneditable-input:focus Parse Error [:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0}.aui .input-append input:focus]
17 .aui input.search-query Value Error : padding-right Too many values or values are not recognized : 4px \000009
17 .aui input.search-query Value Error : padding-left Too many values or values are not recognized : 4px \000009
17 .aui .form-search input, .aui .form-search textarea, .aui .form-search select, .aui .form-search .help-inline, .aui .form-search .uneditable-input, .aui .form-search .input-prepend, .aui .form-search .input-append, .aui .form-inline input, .aui .form-inline textarea, .aui .form-inline select, .aui .form-inline .help-inline, .aui .form-inline .uneditable-input, .aui .form-inline .input-prepend, .aui .form-inline .input-append, .aui .form-horizontal input, .aui .form-horizontal textarea, .aui .form-horizontal select, .aui .form-horizontal .help-inline, .aui .form-horizontal .uneditable-input, .aui .form-horizontal .input-prepend, .aui .form-horizontal .input-append Parse Error ;*display:inline;
17 * Parse Error *zoom:1;
17 .aui .form-inline .hide, .aui .form-horizontal .hide Parse Error [:0;vertical-align:middle}.aui .form-search .hide]
17 .aui .form-horizontal .control-group Parse Error ;*zoom:1}
17 .aui .form-horizontal .controls Parse Error {*display:inline-block;
17 * Parse Error *padding-left:20px;
17 Parse Error [:180px;*margin-left:0}.aui .form-horizontal .controls:first-child]
17 .aui .table-bordered Parse Error ;*border-collapse:collapse;
17 .aui .table-bordered td Parse Error [:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.aui .table-bordered th]
17 .aui [class^="icon-"], .aui [class*=" icon-"] Parse Error ;*margin-right:.3em;
17 .aui .nav-pills > .active > a > [class^="icon-"], .aui .nav-pills > .active > a > [class*=" icon-"], .aui .nav-list > .active > a > [class^="icon-"], .aui .nav-list > .active > a > [class*=" icon-"], .aui .navbar-inverse .nav > .active > a > [class^="icon-"], .aui .navbar-inverse .nav > .active > a > [class*=" icon-"], .aui .dropdown-menu > li > a:hover > [class^="icon-"], .aui .dropdown-menu > li > a:focus > [class^="icon-"], .aui .dropdown-menu > li > a:hover > [class*=" icon-"], .aui .dropdown-menu > li > a:focus > [class*=" icon-"], .aui .dropdown-menu > .active > a > [class^="icon-"], .aui .dropdown-menu > .active > a > [class*=" icon-"], .aui .dropdown-submenu:hover > a > [class^="icon-"], .aui .dropdown-submenu:focus > a > [class^="icon-"], .aui .dropdown-submenu:hover > a > [class*=" icon-"], .aui .dropdown-submenu:focus > a > [class*=" icon-"] Parse Error [:14px;vertical-align:text-top;background-image:url("../images/aui/glyphicons-halflings.png");background-position:14px 14px;background-repeat:no-repeat;margin-top:1px}.aui .icon-white]
17 .aui .dropdown-toggle Parse Error {*margin-bottom:-3px}
17 .aui .dropdown-menu Parse Error ;*border-right-width:2px;
17 * Parse Error *border-bottom-width:2px;
17 Parse Error [:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 5px 10px rgba(0]
17 Parse Error [,0]
17 Parse Error [,0]
17 Parse Error [,0.2);-moz-box-shadow:0 5px 10px rgba(0]


please help me resolve this...

thank you

[Byrån Zaugg, modificado 7 Anos atrás.]

The W3C CSS Validator is just a tool to help you check that you are using is "valid" CSS. "valid" as in what's been defined by the W3C.

Your CSS does need to be 100% "valid" to work.

You'll notice some odd selectors and properties used in aui.css. These are workarounds and hacks, to target specific browsers. This are not part of the spec, so they fail validation.

When these workarounds and hacks are read by a browser that doesn't understand them, they are simply ignored. So they are pretty safe to use.