4

特定のdivにのみ適用する必要がある次のCSSがあります（競合のため）：

問題のdivのクラス名はdatepicker-daysです。table以下を宣言します.datepicker-days.tableか？しかし、どうすれば.tableその下のクラスを宣言できますか？

CSS

    table {
      max-width: 100%;
      border-collapse: collapse;
      border-spacing: 0;
    }
    .table {
      width: 100%;
      margin-bottom: 18px;
    }
    .table th, .table td {
      padding: 8px;
      line-height: 18px;
      text-align: left;
      border-top: 1px solid #ddd;
    }

HTML

<div class="datepicker-days" style="display: block; ">
      <table class=" table-condensed">
         <thead>
             <tr>
                <th class="prev">
                ....

これが明確でない場合は申し訳ありませんが、CSSルールはBootstrapからのものです。私が使用しているdatepickerプラグインはそれらの特定のルールに依存しているため、私はいくつかのルールを使用しています。したがって<tables>、コード内に他のインスタンスがある場合、これらのルールを適用したくありません。

4

4 に答える 4

6

子孫セレクターを使用するだけです。

.datepicker-days table {
    /* this rule will only apply to `<table>` elements that are descendents of any element with class "datepicker-days" */
}
于 2012-07-31T22:19:50.943 に答える
3 
.datepicker-days { /* Targets the div */ }

.datepicker-days table { /* targets all tables nested in the div */ }

.datepicker-days > table { /*targets only tables that are direct children on the div */ }
于 2012-07-31T22:21:47.443 に答える
2

次のようにします。

.datepicker-days table {
    Styles here;
}

これは<table>、.datepicker-daysクラスのみで検索します

于 2012-07-31T22:20:55.993 に答える
0

特定のスタイルを 1 つの一意の div にのみ適用する必要がある場合は、ID を付けてみませんか?

于 2012-07-31T22:26:02.880 に答える