我有几张桌子.所以我使用了datatable.css.处理我使用的标题
.order-table-header{}
(所以我用一个类作为标题)
我现在想区分我的表,所以逻辑上使用id,类似的东西：
#Other{}
但它没有做#Other {}里面的内容
这是我的代码：
.order-table-header{
text-align:center;
background:none repeat scroll 0 0 #dddddd;
border-bottom:1px solid #BBBBBB;
padding:16px;
width: 8%;
background-color: #0099cc;
color: #ffffff;
line-height: 3px;
}
#Other .order-table-header{
background-color: #00ff00;
}
我试着反过来
.order-table-header #Other{}
我试着用其他的
#Other{}
这是我的xhtml：
<h:dataTable value="#{workspace.otherfiles}"
var="item"
styleClass="datatable.css"
headerClass="order-table-header"
rowClasses="order-table-odd-row,order-table-even-row"
id="Other">
我也尝试过：
.order-table-header(@background : #0099cc){
text-align:center;
background:none repeat scroll 0 0 #dddddd;
border-bottom:1px solid #BBBBBB;
padding:16px;
width: 8%;
background-color: @background;
color: #ffffff;
line-height: 3px;
}
#Other {
.order-table-header(#00ff00);
}
但netbeans告诉我第一条线和其他线内的意外符号
解决方法
.order-table-header #Other(注意header和#Other之间的空格)意味着：“id为’Other’的节点,它是具有类’order-table-header’”的节点的后代.因此,具有id“Other”和类“order-table-header”的节点将不匹配具有模式.order-table-header #Other的CSS规则.但是,节点可以匹配多个规则.尝试将第一个示例的相应部分更改为：
#Other {
background-color: #00ff00;
}
