0

我正在开发一个应用程序，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;
}

和引导
.btn-primary {
color: #ffffff;
background-color: #428bca;
border-color: #357ebd;
}

我注意到的主要事情是使用的背景颜色不是来自引导程序，而是来自 Style.css。

为什么会发生这种情况？

4

1 回答 1

0

这是由于特殊性。规则是：

  • 计数 1 如果声明来自是“样式”属性而不是带有选择器的规则，否则为 0 (= a) （在 HTML 中，元素的“样式”属性的值是样式表规则。这些规则没有选择器，所以 a=1、b=0、c=0 和 d=0。）
  • 统计选择器中 ID 属性的数量（= b）
  • 计算选择器中其他属性和伪类的数量（= c）
  • 计算选择器中元素名称和伪元素的数量（= d）

连接四个数字 abcd（在具有大基数的数字系统中）给出了特异性。

这表示：

input[type="button"]   has specificty   0,0,1,1
.btn-primary           has specificty   0,0,1,0

第一个更大，因此无论顺序如何，它将应用于第二个。

于 2013-08-16T21:56:20.313 回答