2

<div class="well well-large well-small" />Twitter ブートストラップhttps://github.com/twitter/bootstrap/blob/master/less/wells.lessの次のスタイルを検討してください。

 // Base class
.well {
  min-height: 20px;
  padding: 19px;
  margin-bottom: 20px;
  background-color: @wellBackground;
  border: 1px solid darken(@wellBackground, 7%);
  .border-radius(@baseBorderRadius);
  .box-shadow(inset 0 1px 1px rgba(0,0,0,.05));
  blockquote {
    border-color: #ddd;
    border-color: rgba(0,0,0,.15);
  }
}

// Sizes
.well-large {
  padding: 24px;
  .border-radius(@borderRadiusLarge);
}
.well-small {
  padding: 9px;
  .border-radius(@borderRadiusSmall);
}

CSS は、このような状況でどのパディングを適用するかをどのように決定しますか? 19px、24px、9px、または未定義の値になりますか? 特異性についての私の理解は初歩的なものであり、この場合、.well .well-large and .well-small

4

1 に答える 1

6

特異性が等しい場合は、定義順に適用されます。

例：

.a {
    color: red;
}
.b {
    color: blue;
}

<span class="a b">this is blue</span>
<span class="b a">this is blue</span>

興味のある方は、スタイルをカスケードする方法のルールを次に示します。

于 2012-11-24T08:11:08.557 に答える