Столбцы таблицы CSS и формирование x% таблицы

Question

Я готовлю сайт Asp.net. На моих таблице стилей, я хочу, чтобы мой стол, чтобы эти свойства:

table { 
    width:100%; 
    height:500px; 
} 

таблицы первого столбец должен формы 20% всей таблицы. И мой второй столбец должен составлять 80% от таблицы. И я не уверен, как создавать по-разному 2 столбца в css. Но я думаю, что это должно быть так:

table td.first { 
} 
table td.second { 
} 

Мои пожелания ...

Answer 1

Обычно один дает идентификатор для столбцов таблицы так:

<table id="my-table"> 
    <tr> 
    <td id="first-column">... content ...</td> 
    <td id="second-column">... content ...</td> 
    </tr> 
</table> 

Затем вы можете расположить столбцы в css таким образом:

table#my-table { 
    width: 100%; 
    height: 500px; 
} 
table#my-table td#first-column { 
    width: 20%; 
} 
table#my-table td#second-column { 
    width: 80%; 
} 

Answer 2

Если я правильно понимаю, вы просто пытаетесь нацеливания на определенный столбец в таблице. Просто дайте вашим <td> «S идентификатор типа:

<td id="columnOne"> ... и т.д.

Вы нацелить их в CSS, используя следующий синтаксис ...

либо:

table td#columnOne { *styles* } 

или просто :

#columnOne { *styles* } 

Этот метод является более безопасным и более совместимым, чем использование псевдо-классы, как я думаю, что вы пытаетесь сделать, что бы:

table td:first-child { *styles* } 

и:

table td:nth-child(2) { *styles* }