-1

これは非常に簡単な質問ですが、方法は知っていますが、もっと良い方法でやりたいと思っています。オンラインで解決策を見つけようとしましたが、見つかりませんでした。

ここに私のcssがあります

a:link
{
  text-decoration:none;
  color:#fff;
  font-size:15px;
  font-family:'Ropa Sans', sans-serif;
  text-shadow:1px 1px 1px #000;
}

a:visited
{
  text-decoration:none;
  color:#2a9dc0;
  font-weight:normal;
  text-shadow:1px 1px 1px #000;
}

a:active
{
  text-decoration:none;
  color:#2a9dc0;
  text-shadow:1px 1px 1px #000;
}

a:hover
{
  text-decoration:none;
  color:#2a9dc0;
  text-shadow:1px 1px 1px #000;
}

今、私はアンカータグを付けましたが、これらすべてのプロパティをそれに適用したくないので、クラス名no_aを適用し、すべての css プロパティをなしにしました。

<a class="no_a" href="#">
    <article class="home_sml_box_red">
        <section class="home_small_boxtext">
            explore
        </section>

        <section class="home_small_boximage">
            <img src="image/explore_icon.png">
        </section>

        <section class="home_small_lowtext">
            Learn More
        </section>
    </article>
</a>
4

3 に答える 3

2

最善の方法は

cssを定義する際に、いくつかのクラスを前に置きます（またはid、divを1回だけ使用している場合）。例：

.container a {
              text-decoration: none;
               color:#fff;
               font-size:15px;
                font-family: 'Ropa Sans', sans-serif; sans-serif;sans-serif;
               text-shadow: 1px 1px 1px #000;
                     }

これで、これを使用できます<div class ="container"><a href="#">sdfadsf</a>

于 2013-08-01T09:05:25.810 に答える
1

:not()セレクターを使用します。

a:not(.no_a) {
     /* style rules for all anchors without class of no_a */
}
于 2013-08-01T09:16:09.547 に答える
0

これらのプロパティをすべてのタグに適用したくない場合の最善の策<a>は、CSS をすべての<a>タグに一括適用しないことです。代わりに、これらの属性が適用されるクラスを作成し、そのクラスをそれらの<a>属性を持つタグに割り当てます。

于 2013-08-01T09:05:06.300 に答える