hi guys,
this is the task which i trappedlink
I have finished 95%, this is my code result shot:
something wrong in it, please look the standard result:
i want to know how to move “Buzzcocks” “1976” “9” to their correct position.
this is my code
table {
table-layout: fixed;
width: 100%;
border-collapse: collapse;
border-top: 1px solid #999;
border-bottom: 1px solid #999;
}
thead th:nth-child(1) {
width: 30%;
}
thead th:nth-child(2) {
width: 20%;
}
thead th:nth-child(3) {
width: 15%;
}
thead th:nth-child(4) {
width: 35%;
}
th,
td {
padding: 4px;
}
tbody tr:nth-child(odd) {
background-color: rgb(238,238,238);
}
tbody tr:nth-child(even) {
background-color: white;
}
tbody tr:nth-child(8){
border-bottom:1px solid #999;
}
tbody tr td:nth-of-type(1),tbody tr td:nth-of-type(2){
text-align:right;
}
thead tr th:nth-of-type(2),thead tr th:nth-of-type(3){
text-align:right
}
thead tr th:nth-of-type(1),thead tr th:nth-of-type(4){
text-align:left
}
tbody tr td:nth-of-type(3){
border:solid 1px red
text-align:left
}
tbody>tr>th{
text-align:left
}
tfoot tr th{
text-align:right}
I am not good at English, especially grammer, so please forgive me to write down this terrible article.