Css 除具有特定类的输入外,所有输入的样式

Css 除具有特定类的输入外,所有输入的样式,css,css-selectors,Css,Css Selectors,我为所有输入定义了CSS样式,在页面上键入文本。我在页面的一部分使用,这是通过 <input type="text" class="basic" /> 有什么方法可以覆盖它吗?只需声明!重要信息,因为它将覆盖主 input[type=text]:not([class=basic]), select { height:28px !important; border:1px solid #c5d1db; padding-left:5px; padding

我为所有输入定义了CSS样式,在页面上键入文本。我在页面的一部分使用,这是通过

<input type="text" class="basic" />

有什么方法可以覆盖它吗?

只需声明
!重要信息
,因为它将覆盖主

input[type=text]:not([class=basic]), select {
    height:28px !important;
    border:1px solid #c5d1db;
    padding-left:5px;
    padding-right:5px;
    color:#627686;
    font-size:13px;
    box-shadow:inset 0 4px 5px 0 #ebebeb;
    margin:0;
}

只需声明
!重要信息
,因为它将覆盖主

input[type=text]:not([class=basic]), select {
    height:28px !important;
    border:1px solid #c5d1db;
    padding-left:5px;
    padding-right:5px;
    color:#627686;
    font-size:13px;
    box-shadow:inset 0 4px 5px 0 #ebebeb;
    margin:0;
}

我真的看不到这里的问题,这不是CSS特殊性的要点吗


我真的看不到这里的问题,这不是CSS特殊性的要点吗


CSS代码在支持浏览器(一般包括现代浏览器,但不包括IE8和旧版本)上发布,影响类中不存在的字段


显然,它不会影响类中的字段。但是,用这个更严格的规则替换适用于所有输入字段的现有规则会有所不同。

发布的CSS代码在支持浏览器(一般包括现代浏览器,但不包括IE 8和更旧的浏览器)上起作用,影响到类中没有的字段


显然,它不会影响类中的字段。但是用这个更严格的规则替换适用于所有输入字段的现有规则会有所不同。

将新样式放在CSS工作表中该样式之后,确保覆盖在第一个样式中所做的所有设置。CSS专一性应该处理其余的部分,而不必担心添加自定义选择器。将新样式放在CSS工作表中该样式之后,确保覆盖在第一个样式中所做的所有设置。CSS专一性应该处理剩下的部分,而不必担心像那样添加自定义选择器是的,我在发布之后意识到了自己的愚蠢。一直盯着这个样式表看了太多天了。这很有效。哈哈,很公平。有时候只需要第二双眼睛,就可以了<代码>输入[类型=文本]:不是(.basic)也可以使用。。。但是它更容易被忽略。是的,我在发布后意识到了我的愚蠢。一直盯着这个样式表看了太多天了。这很有效。哈哈,很公平。有时候只需要第二双眼睛,就可以了<代码>输入[类型=文本]:不是(.basic)也可以使用。。。但这更容易超越。
input[type=text]{
height:28px;
border:1px solid #c5d1db;
padding-left:5px;
padding-right:5px;
color:#627686;
font-size:13px;
box-shadow:inset 0 4px 5px 0 #ebebeb;
margin:0;
}

input[type=text].basic{
height:18px;
border:1px solid #000;
padding-left:5px;
padding-right:5px;
color:#627686;
font-size:13px;
margin:0;
}