css - のアンカータグに CSS を適用する

Question

私は既存のCSSを持っています

a:active {
    outline: none;
}
a:focus {
    -moz-outline-style: none;
}

これは正常に動作します

<ul><li>class=" tabs_container"の div の下にある項目の一部であるアンカー項目のみにアプリケーションを制限したい

だから、これは私が失敗するためだけにやったことです!

#tabs_container ul li a:active {
    outline: none;
}
#tabs_container ul li a:focus {
    -moz-outline-style: none;
}

私はそれを間違っていますか？

前もって感謝します

編集私の悪い！実際には ID=" tabs_container" クラスではありません。

score 5 · Accepted Answer

要素にはクラスがありますが、ID で参照しようとしています

.tabs_container ul li a:active {
    outline: none;
}
.tabs_container ul li a:focus {
    -moz-outline-style: none;
}

score 1 · Accepted Answer

試す：-

ul > li > a:active

これは、要素の子である<li>要素の子であるアンカーをキャッチする必要があり<ul>ます。

score 1 · Accepted Answer

CSS クラスには接頭辞 . （ドット）。

だから、試してみてください

.tabs_container ul li a:active {
    outline: none;

}

.tabs_container ul li a:focus {
    -moz-outline-style: none;
}

3 に答える 3