日期:2014-05-17  浏览次数:20620 次

请教css类中 如 table.list的含义!!
.list   {
border-top:3px   solid   #A6C6DD;
border-bottom:   1px   solid   #A6C6DD;
border-right:1px   solid   #FFFFFF;
background-color:   #FFFFFF;
border-collapse:   collapse;
margin-bottom:   9px
}
这个定义一个list类可以在页面用class= "list "来运用
那么
table.list   th   {
font-weight:normal;
color:   #003366;
font-size:   12px;
border-bottom:   1px   solid   #DCDCDC;
border-right:   1px   solid   #A6C6DD;
padding-left:   5px;
padding-right:   5px;
height:   23px;
}是什么含义啊?我是菜鸟,请高手指点下,谢谢!!!

------解决方案--------------------
语法:
E.className { sRules }
说明:
类选择符。在HTML中可以使用此种选择符。其效果等同于E [ class ~= className ] 。请参阅属性选择符( Attribute Selectors )。
在IE5+,可以为对象的 class 属性(特性)指定多于一个值( className ),其方法是指定用空格隔开的一组样式表的类名。例如: <div class= "class1 class2 "> 。
示例:
div.note { font-size:14px; }
/* 所有class属性值等于(包含) "note "的div对象字体尺寸为14px */

.dream { font-size:14px; }
/* 所有class属性值等于(包含) "note "的对象字体尺寸为14px */

看看这个,建议你在csdn上下个css20(样式表中文手册),然后自己好好看看,就全明白了。
------解决方案--------------------
有的时候需要为某个tbale定义单独的特定样式

<table class= "list ">
------解决方案--------------------
这个定义一个list类可以在页面用class= "list "来运用
那么
table.list th {
//
这个选择符实际就是说 "具有类名为 'list '的表的子元素th,具有以下样式....(为你自己定义的)