我正在使用ASP.NET Web Forms
开发一款应用
我想用bootstrap.css
来表达风格。
问题是,对于一个按钮,一些属性
用于定义的默认Style.css
标签,而引导程序是为'btn btn-primary'这样的类定义的。
这是HTML标记
<asp:Button ID="Button1" type="button" CssClass="btn btn-primary" runat="server"
Text="View data" OnClick="Button1_Click" />
对于默认的Style.css
input[type="submit"], input[type="button"], button {
background-color: #d3dce0;
border: 1px solid #787878;
cursor: pointer;
font-size: 1.2em;
font-weight: 600;
padding: 7px;
margin-right: 8px;
width: auto;
}
和bootstrap
.btn-primary {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}
我注意到的主要问题是使用的背景颜色不是来自bootstrap 但是形成Style.css。
为什么会发生这种情况?
答案 0 :(得分:0)
这是由于具体原因。 The rules are:
- 如果声明来自的是1,则是一个'style'属性而不是带有选择器的规则,否则为0(= a)(在HTML中,元素的“style”属性的值是样式表规则。这些规则有没有选择器,所以a = 1,b = 0,c = 0,d = 0.)
- 计算选择器(= b)
中的ID属性数- 计算选择器(= c)
中其他属性和伪类的数量- 计算选择器中的元素名称和伪元素的数量(= d)
连接四个数字a-b-c-d(在具有大碱基的数字系统中)给出了特异性。
这意味着:
input[type="button"] has specificty 0,0,1,1
.btn-primary has specificty 0,0,1,0
第一个更大,所以它将被应用于第二个,无论顺序如何。