我有这个html代码：
<div class='input-group has-danger'>
<input class='form-control' placeholder='first name'> // first name
</div>
<div>
<input class='form-control' placeholder='last name'> // last name
</div>
我也有这个CSS代码：
.input-group:not(.has-danger):not(.has-success) .form-control:focus{
border-color: #000;
}
首先，我不想更改html代码，而我的问题是CSS代码，我需要用CSS代码解决问题，所以让我们看看我需要什么。
如您所见，我们输入了名字和姓氏，重要的是它们都在div元素中，并且在其上输入名字的第一个div包含此类：.input-group但是在其上输入姓氏的第二个div却没有”没有这个类：.input-group而我想要的是，当我们专注于输入时，输入的边框颜色更改为#000其他颜色（颜色无关紧要），问题是我的代码无法选择姓氏，我尝试了以下代码：
.input-group:not(.has-danger):not(.has-success) .form-control:focus,
.form-control:focus{
border-color: #000;
}
现在，这是可行的，但即使在此类上也可以使用：（.has-danger，.has-success）我不希望这样，在此CSS代码之后发生的结果是两个输入都将#000在聚焦后变为边框颜色，但名字输入却不会必须使用#000边框颜色，因为它具有此类：.has-danger我试图使用:not()CSS代码阻止它。
那我应该使用什么CSS代码呢？谢谢
就您而言，只需替换.input-group为*：
*:not(.has-danger):not(.has-success)>.form-control:focus {
border: solid red 4px;
}<div class='input-group has-danger'>
<input class='form-control' placeholder='first name'>
</div>
<div>
<input class='form-control' placeholder='last name'>
</div>
<div class='input-group'>
<input class='form-control' placeholder='a name'>
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句