标签的样式用于代替类样式

时间:2013-08-16 21:29:09

标签: asp.net css twitter-bootstrap

我正在使用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。

为什么会发生这种情况?

1 个答案:

答案 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

第一个更大,所以它将被应用于第二个,无论顺序如何。