0

複数のdivと「a」タグを持つメインの「div」があり、「テンプレートのような」cssを設定してすべて同じに見えるようにしたかったのですが、一部のAタグは異なる必要があるため、作成することを考えましたこのような：

<div class="main">
   <a href="#" class="exception">CLick A</a>
   <br/>
   <a href="#">CLick B</a>
   <br/>
   <a href="#">CLick C</a>
   ....
</div>​

そしてcssで：

.main a{
  /* Links Scheme */
}

.exception{
 /* particular link css */
}​

しかし、ブラウザは特定のクラスではなく、私の「テンプレート」を優先します。クラスが最も重要であるべきではありませんか、それとも何か不足していますか?

ChromeDevTools

フィドル リンク

PS: 「!important」タグを使用せずにお願いします

4

3 に答える 3

4

これは具体性の問題です。クラスとタグ名が含まれているため.main a、より具体的であり、クラス名よりも優先されます。

したがって、それを解決するには.main .exception、例外に使用します。

于 2012-11-20T16:16:28.897 に答える
1

.main a は .exception よりも具体的です。私はあなたが何をしようとしていると思います：

.main a{
  /* Links Scheme */
}

.main a.exception{
 /* particular link css */
}​
于 2012-11-20T16:17:30.603 に答える
1

cssではセレクターの具体性によっても順番が決まるので、 に変え.exceptionてみてください.main a.exception。

jsFiddle: http://jsfiddle.net/jdwire/DFNyW/2/

于 2012-11-20T16:18:03.073 に答える