css - CSS の div に複数の ID を使用する

Question

Web サイトとこの CSS に 3 つの DIV 要素があります。

#box-left, #box-middle, #box-right a {
    text-decoration:none;
    color:#000000;
}

#box-rightただし、要素でのみ機能しているようです。

何か案は？

score 42 · Accepted Answer

You have to put

#box-left a, #box-middle a, #box-right a {
    text-decoration:none;
    color:#000000;
}

Each value on the comma separator list is a selector on its own, it is not combined with the next elements:

#foo, .class p, #bar p:first-child a {
  something;
}

is equivalent to

#foo {
  something;
}

.class p {
  something;
}

#bar p:first-child a {
  something;
}

score 2 · Accepted Answer

試す

#box-left a, 
#box-middle a, 
#box-right a {
  text-decoration:none;
  color:#000000;
}

すべての div のアンカータグ用であるためです。

アンカータグクラスを指定し、そのクラスを直接適用することをお勧めします。

score 1 · Accepted Answer

要素 a をセレクターに配置していないため、css をよく理解するために、div またはクラスを超えて連結する必要がある場合に、次のようなコードをよく理解するために新しい段落を作成することを検討してください。

#box-left a, 
#box-middle a, 
#box-right a {
    text-decoration:none;
    color:#000000;
}

3 に答える 3