php - 继承困惑。添加一个特殊的类，使错误在表单验证时变得明显

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;
}