путаница наследования. Добавление специального класса для выявления ошибок при проверке формы

Question

Итак, у меня есть форма ... Соответствующий CSS (я думаю):

.libform input {
background-color:transparent;
color:#000;
border-left:0;
border-right:0;
border-top:0;
border-bottom: 1px solid #555;
margin: 0 5px 1px 5px;
display:inline-block;
}
.libform input:focus {
border:0;
border-bottom: 1px dotted #000;
color:#939;
background-color:#fed;
}
.error {
  border-bottom: 1px solid red;
}

Поле формы:

<? if ($name=="") {$nameerror="error";}?>
<input name="name" type="text" class="<?php echo $nameerror;?>" value="<?echo $name;?>" id="name">

Я бы хотел, чтобы, когда они оставили поле пустым, подчеркивание кнопки ввода изменилось с черного на красный. Но, похоже, это не наследует право. Что я делаю не так?

Answer 1

Скорее всего, проблема специфики. попробовать:

.libform input.error {
  border-bottom: 1px solid red;
}

Answer 2

Попробуйте .libform .error.

http://www.htmldog.com/guides/cssadvanced/specificity/ Специфика CSS