2012-03-11 32 views
5

Tôi có một vài bảng. Vì vậy, tôi sử dụng một datatable.css. Để đối phó với tiêu đề Tôi sử dụngCSS - Cách chọn id trong một lớp

 .order-table-header{} 

(vì vậy tôi sử dụng một lớp cho tiêu đề)

Tôi muốn ngay bây giờ để phân biệt bảng của tôi vì vậy một cách logic sử dụng một id, một cái gì đó như thế:

#Other{} 

Nhưng nó không làm những gì bên trong cáC#Other {}

đây là mã của tôi:

.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; 
} 

Tôi đã thử các cách khác xung quanh

.order-table-header #Other{} 

Tôi đã thử với chỉ khác

#Other{} 

Đây là xhtml của tôi:

 <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"> 

Tôi cũng đã cố gắng:

.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); 
} 

nhưng netbeans cho tôi biết biểu tượng bất ngờ được tìm thấy cho dòng linh sam và cho dòng bên trong khác

Trả lời

3

.order-table-header #Other (lưu ý khoảng cách giữa tiêu đề và #Other) có nghĩa là: "nút có id 'Khác' là hậu duệ của nút 'thứ tự bảng-tiêu đề' của lớp học. Vì vậy, một nút có id "Khác" và lớp "thứ tự bảng-tiêu đề" sẽ không khớp với quy tắc CSS có mẫu .order-table-header #Other. Tuy nhiên, một nút có thể khớp với nhiều quy tắc. Hãy thử thay đổi phần tương ứng của ví dụ đầu tiên của bạn đến:

#Other { 
    background-color: #00ff00; 
} 
1

thử #Other .order-table-header{ css } này kể từ khi #Other sẽ là id của bảng và .order-bàn-header sẽ là lớp học của tiêu đề bảng

Các vấn đề liên quan