Мне нужно 2 различных высоты, примененных к 2 различным тегам fieldset

Question

В CSS я использую

form fieldset
{
    height : 300px;    
}

но у меня есть

<fieldset><legend>ONE</legend></fieldset>`

<fieldset><legend>TWO</legend></fieldset>

Проблема в том, что оба набора полей применяются с одинаковой высотой.

Есть ли способ применить различные высоты к различным наборам полей из CSS. Я не ищу встроенные стили, которые я знаю, как применять.

Answer 1

Дайте каждому fieldset ID, если вы будете использовать только ОДИН РАЗ, в противном случае используйте класс

<fieldset id="f1">
</fieldset>
<fieldset id="f2">
</fieldset>

OR

<fieldset class="bluefieldset"> 
</fieldset> 
<fieldset class="grayfieldset"> 
</fieldset>

Класс означает, что многие элементы могут использовать его. с идентификатором в W3C стандартным является то, что атрибут Id должен быть уникальным для страницы

В CSS вы ссылаетесь на класс вроде

.bluefieldset{}

OR

fieldset.bluefieldset{}

для идентификатора вы используете хеш, как

#f1

OR

fieldset#f1{}

Answer 2

Использовать css: выбор первого ребенка (http://www.w3schools.com/css/pr_pseudo_first-child.asp)

Это не работает в IE6