Css解析错误

Css解析错误,css,Css,我刚刚进行了验证,出现了以下错误: 对不起!我们发现以下错误(2)URI:simple.css 320 Parse 错误。tftable{字体大小:100%; 颜色:#e0ece8;宽度:100%;边框宽度:1em;边框颜色:#ffffff; 边框折叠:折叠;}356解析错误#包装器{ 背景:#fff;颜色:#b6c5be;} 我试着简单地把里面的东西去掉,但那会把我页面上的所有颜色都弄乱。以下是代码,第320-356行: <style type="text/css"> .tftab

我刚刚进行了验证,出现了以下错误:

对不起!我们发现以下错误(2)URI:simple.css 320 Parse 错误。tftable{字体大小:100%; 颜色:#e0ece8;宽度:100%;边框宽度:1em;边框颜色:#ffffff; 边框折叠:折叠;}356解析错误#包装器{ 背景:#fff;颜色:#b6c5be;}

我试着简单地把里面的东西去掉,但那会把我页面上的所有颜色都弄乱。以下是代码,第320-356行:

<style type="text/css">
.tftable {
font-size:100%;
color:#e0ece8;
width:100%;
border-width:.1em;
border-color: #ffffff;
border-collapse: collapse;
}

.tftable th {
font-size:105%;
background-color:#354640;
border-width: .1em;
padding: 1em;
border-style: solid;
border-color: #354640;
text-align:center;
border-bottom: solid .4em #6b806f;
}

.tftable tr {
background-color:#9db2a6;
}

.tftable td {
font-size:105%;
border-width: .1em;
padding: 0.8em;
border-style: solid;
border-color: #6b806f;
}

.tftable tr:hover {
background-color:#b6c5be;
}

</style>

.tftable{
字体大小:100%;
颜色:#E08;
宽度:100%;
边框宽度:.1米;
边框颜色:#ffffff;
边界塌陷:塌陷;
}
.tftable th{
字体大小:105%;
背景色:354640;
边框宽度:.1米;
填充:1em;
边框样式:实心;
边框颜色:354640;
文本对齐:居中;
边框底部:实心。4em#6b806f;
}
.tftable tr{
背景色:#9db2a6;
}
.tftable td{
字体大小:105%;
边框宽度:.1米;
填充:0.8em;
边框样式:实心;
边框颜色:#6b806f;
}
.tftable tr:悬停{
背景色:#b6c5be;
}
事情是这样的:

/*
|--------------------------------------------------------------------------
| General Text Formatting
|--------------------------------------------------------------------------
*/

html, body {

    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 100%;

    background: #b6c5be;
    color: #151816;
}

h1 { 
    font-family: Georgia, palatino, serif;
    font-size: 300%;
    font-weight: normal;
    color: #151816;
    margin: 0 0 .5em 0;
    text-align:center;

}

h2 {
    font-size:120%;
    font-weight: bold;
    padding: 1em 0 0.7em 0;
}
    h3 {
    font-size:120%;
font-family: Georgia, palatino, serif;
    text-align:center;
    padding: 1em 0 0.8em 0;
    font-weight: bold;
}


    h4 {
    font-size:110%;
    color: #e3f2ed;

}
        h5 {
    font-size:140%;
    color: #e3f2ed;
    text-align:center;
    font-weight: bold;
}




p { 
    line-height: 150%; 
    padding: 0 0 1em 0;
    text-align:justify;
}

ul {
    padding: 0 0 0 2em;
    list-style: disc;
}

ol {
    padding: 0 0 0 2em;
    list-style: decimal;
}

li {
    padding: 0 0 1em 0;
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

blockquote {
    color: #000000;
    background: #9db2a6;
    padding: 1em 1em 0 1em;
    margin-bottom: 1em;
    font-size: 130%;
    border-bottom: solid .4em #6b806f;
    border-top: solid .4em #6b806f;
}




#footer { 

    /* 
    colours for text within the 
    footer division, ie <p id="footer"> 
    */
        padding: 1em 1em 1em 1em;
    color: #e3f2ed;
    background-color: #354640;

            text-align:right;
}

.screen-reader-only {

    /*
    This is a special class used to prevent text from 
    being displayed on screen, while still making it visible to
    screen readers. Use this class if you want to add extra
    descritive text for visually impaired users, but don't want
    that description to be visible for other users. 

    For example:
    <p class="screen-reader-only">Special text for screen readers</p>
    */

    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}





/*
|--------------------------------------------------------------------------
| Page Links
|--------------------------------------------------------------------------
*/

a:link { 
    color: #000000; 
    font-weight: bold; 
    text-decoration: none;

}

a:visited { 
    color: #000000;  
        font-style:italic;
    text-decoration: none;
}

a:hover { 
    font-style:italic;
}

a:active { 
    color: #000000; 
}





/*
|--------------------------------------------------------------------------
| Top Navigatin Links
|--------------------------------------------------------------------------

TOP NAVIGATION LINKS
The following styles control the appearence 
of the top navigation links, eg. 
<a class="top-link" href="default.htm">Home</a>

*/

a.top-link {
    /* 
    these styles will apply to ALL links (:link, :visited, :hover and :active) unless    
    */
    display: block;
    padding: .7em 0 .7em 0;
    margin: 0 1em 0 2em;
    background: #9db2a6;
    color: #000000;

    padding: 0;
    line-height: 2.5em;
}

.top-link:link {
    /* styles for normal, unvisited links can be set here */
    /* these styles will override the defaults set for .top-link above */
    text-decoration: none;
        border-bottom: solid .3em #9db2a6; 
}

.top-link:visited {  
    /* styles for links once visited can be changed here */
    /* these styles will override the defaults set for .top-link above */
    text-decoration: none;
    border-bottom: solid .3em #9db2a6; 
}

    .top-link:hover { 
    /* styles for top links when a user hovers over it can be changed here */
    text-decoration: none; 
    border-bottom: solid .3em #6b806f; 
}

.top-link:active {  
    /* Styles for when the link is being clicked can be changed here */
}

.top-link.selected:link, .top-link.selected:visited {

    /* Sets the style of a link that has been selected (ie. has a class of selected)
       for example (note the additional class "selected"):
        <a class="top-link selected" href="content.htm">Content Page</a>
    */

    border-bottom: solid .3em #354640;
    cursor: default;
}





/*
|--------------------------------------------------------------------------
| Footer Links
|--------------------------------------------------------------------------

Change these if you want your footer links to have a 
different style to other links

*/

#footer a:link {

    color: #e3f2ed;
    font-weight: bold;
}

#footer a:visited {

    color: #e3f2ed;
    font-weight: bold;
}

#footer a:hover {

    font-style:italic;
}

#footer a:active {

    color: #e3f2ed;
}





/*
|--------------------------------------------------------------------------
| Header Colours
|--------------------------------------------------------------------------
*/

#header {   

        /*  
        Colours for <div id="header">
        See layout.css for layout and size properties
        */

    background: #00016c url(../images/headbit.gif) repeat-x top left;
    color: #354640;
}


#nav {

        /*  
        Colours for <ul id="nav"> 
        See layout.css for layout and size properties
        */

    background: #9db2a6;
    color: #000000;
}



<style type="text/css">
.tftable {
font-size:100%;
color:#e0ece8;
width:100%;
border-width:.1em;
border-color: #ffffff;
border-collapse: collapse;
}

.tftable th {
font-size:105%;
background-color:#354640;
border-width: .1em;
padding: 1em;
border-style: solid;
border-color: #354640;
text-align:center;
border-bottom: solid .4em #6b806f;
}

.tftable tr {
background-color:#9db2a6;
}

.tftable td {
font-size:105%;
border-width: .1em;
padding: 0.8em;
border-style: solid;
border-color: #6b806f;
}

.tftable tr:hover {
background-color:#b6c5be;
}

</style>



#wrapper {
    background: #fff;
     color: #b6c5be;
}





   /*
  |--------------------------------------------------------------------------
| Widget Box Colours
 |--------------------------------------------------------------------------

Colour styles for widget boxes, ie <li class="widget">
See layout.css for layout and size properties

*/

.widget {
    background: #9DB2A6;
    color: #000000;
    border-bottom: solid .4em #6b806f;

}

.widget-heading {
    color: #E3F2ED;
     font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    background: #354640;
    border-bottom: solid .4em #6b806f;
}
/*
|--------------------------------------------------------------------------
|通用文本格式
|--------------------------------------------------------------------------
*/
html,正文{
字体系列:“Helvetica Neue”,Helvetica,Arial,无衬线;
字体大小:100%;
背景:#b6c5be;
颜色:#151816;
}
h1{
字体系列:乔治亚,巴拉蒂诺,衬线;
字体大小:300%;
字体大小:正常;
颜色:#151816;
边际:0.5em0;
文本对齐:居中;
}
氢{
字体大小:120%;
字体大小:粗体;
填充:1em 0.7em 0;
}
h3{
字体大小:120%;
字体系列:乔治亚,巴拉蒂诺,衬线;
文本对齐:居中;
填充:1em 0.8em 0;
字体大小:粗体;
}
h4{
字体大小:110%;
颜色:#e3f2ed;
}
h5{
字体大小:140%;
颜色:#e3f2ed;
文本对齐:居中;
字体大小:粗体;
}
p{
线高:150%;
填充:0.01米0;
文本对齐:对齐;
}
保险商实验室{
填充:0.2em;
列表样式:光盘;
}
ol{
填充:0.2em;
列表样式:十进制;
}
李{
填充:0.01米0;
}
强壮的{
字体大小:粗体;
}
em{
字体:斜体;
}
大宗报价{
颜色:#000000;
背景#9db2a6;
填充:1em 1em 0 1em;
边缘底部:1米;
字体大小:130%;
边框底部:实心。4em#6b806f;
边框顶部:实心。4em#6b806f;
}
#页脚{
/* 
文本中文本的颜色
页脚分割,即

*/ 填料:1米1米1米1米1米; 颜色:#e3f2ed; 背景色:354640; 文本对齐:右对齐; } .仅限屏幕阅读器{ /* 这是一个特殊的类,用于防止文本 显示在屏幕上,同时仍使其对用户可见 屏幕阅读器。如果要添加额外的 针对视障用户的描述性文本,但不希望 该描述将对其他用户可见。 例如:

屏幕阅读器的特殊文本

*/ 文本缩进:100%; 空白:nowrap; 溢出:隐藏; 位置:绝对位置; 排名:0; 左:0; } /* |-------------------------------------------------------------------------- |页面链接 |-------------------------------------------------------------------------- */ a:链接{ 颜色:#000000; 字体大小:粗体; 文字装饰:无; } a:访问{ 颜色:#000000; 字体:斜体; 文字装饰:无; } a:悬停{ 字体:斜体; } a:活动{ 颜色:#000000; } /* |-------------------------------------------------------------------------- |顶级导航链接 |-------------------------------------------------------------------------- 顶部导航链接 以下样式控制外观 最重要的导航链接,例如。 */ a、 顶部链接{ /* 这些样式将应用于所有链接(:link、:visted、:hover和:active),除非 */ 显示:块; 填充:.7em0.7em0; 边距:0.1米0.2米; 背景#9db2a6; 颜色:#000000; 填充:0; 线高:2.5em; } .顶部链接:链接{ /*可以在此处设置普通、未访问链接的样式*/ /*这些样式将覆盖上面为.top链接设置的默认值*/ 文字装饰:无; 边框底部:实心。3em#9db2a6; } .top链接:已访问{ /*访问过的链接的样式可以在此处更改*/ /*这些样式将覆盖上面为.top链接设置的默认值*/ 文字装饰:无; 边框底部:实心。3em#9db2a6; } .top链接:悬停{ /*当用户将鼠标悬停在顶部链接上时,可以在此处更改顶部链接的样式*/ 文字装饰:无; 边框底部:实心。3em#6b806f; } .top链接:活动{ /*单击链接时的样式可以在此处更改*/ } .top链接。选中:链接,.top链接。选中:已访问{ /*设置已选定链接的样式(即,具有选定链接的类) 例如(注意附加的类“selected”): */ 边框底部:实心。3em354640; 游标:默认值; } /* |-------------------------------------------------------------------------- |页脚链接 |-------------------------------------------------------------------------- 如果希望页脚链接具有 与其他链接不同的样式 */ #页脚a:链接{ 颜色:#e3f2ed; 字体大小:粗体; } #页脚a:已访问{ 颜色:#e3f2ed; 字体大小:粗体; } #页脚a:悬停{ 字体:斜体; } #页脚a:活动{ 颜色:#e3f2ed; } /* |-------------------------------------------------------------------------- |标题颜色 |-------------------------------------------------------------------------- */ #标题{ /* 颜色 有关布局和大小属性,请参见layout.css */ 背景:#00016c url(../images/headbit.gif)repeat-x左上角; 颜色:354640; } #
.tftable tr:hover {
background-color:#b6c5be;
}

</style>

#wrapper {
    background: #fff;
     color: #b6c5be;
}