Bảng cụ thể CSS

Question

Tôi có tài liệu HTML nơi tôi có hai bảng khác nhau. Một là lớp Alpha và một là lớp Beta. Tôi muốn chỉ định css này cho lớp Beta chỉ ...

td 
{ 
border-style:solid; 
border-top:thick double #ff0000; 
} 

Tôi không thể chỉ định cách chỉ định này cho Beta. Có ai biết làm thế nào?

Sống lâu và thịnh vượng.

Answer 1

Chỉ cần áp dụng các selector .beta lớp cho toàn bộ bảng và thay đổi mã CSS của bạn để áp dụng các quy tắc chỉ cho td decedents của .beta như thế này:

<table class="beta"> 
    <tr> 
     <td>...</td> 
     <td>...</td> 
    </tr> 
</table> 

.beta td { 
    border-style:solid; 
    border-top:thick double #ff0000; 
} 

Nếu bạn cần áp dụng quy tắc cho nhiều phần tử trong phạm vi .beta chỉ cần thêm bộ chọn bổ sung như sau:

.beta td, 
.beta th { 
    border-style:solid; 
    border-top:thick double #ff0000; 
} 

Qapla '!

Answer 2

CSS cho phép bạn cụ thể với những quy tắc yếu tố nào sẽ được áp dụng. Chỉ cần thêm quy tắc này vào bảng.Beta khai báo ô td và bạn đã hoàn tất.

table.Beta td 
{ 
    border-style:solid; 
    border-top:thick double #ff0000; 
}