3

cssプロパティをタグに適用する方法を知っている人はいますが、それが特定のdivにある場合に限りますか？.router_li divにホバー効果を持たせたいのですが、他のリンクもあります。これが何と呼ばれているのかわかりません。

それは疑似クラスと呼ばれていると思いますが、私はそれを正しく行っていません。私はこれを試しました：

a:router_li:hover{
  background-color:yellow;
  width: 200px;
  height: 60px;
  background-color: #2c5fac;
  border: 1px;
  border-color: #FFFFFF;
  border-top-right-radius: 8px;
  border-top-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-style:solid;
  border-width:1px;
  color: white;
}
4

3 に答える 3

5

ID、クラス、および疑似クラスは異なるものであり、CSSは3つすべてに対して異なる表記法を持っています。

この特定:hoverの（疑似クラスである）をwithクラス（のように）の場合にのみ適用する場合aは、次を使用します。divrouter_li<div class="router_li">

.router_li a:hover

ただし、これはクラスです。IDの場合（のように<div id="router_li">）、

#router_li a:hover

どちらの場合も、router_liCSSではなくマークアップで定義されているため、は疑似クラスではありません。したがって、:router_liコード内のは無効です。また、ID /クラス（どちらでも）が前に来ることに注意してくださいa:hover-これはコンテキストセレクターと呼ばれます（a特定の場合のみdiv）。

于 2012-06-25T21:26:13.570 に答える
2

idセレクターの一部として親を使用します。

#parentId a {
    /* specific CSS styles */
}

JSフィドルデモ。

もちろん、これはpseudo-class（、、、などを含む） 、または（および）:hoverではありません。これは単純な継承であり、祖先に基づいて要素を選択します。これは、との間のスペースが意味するものです。:checked:focuspseudo-element::before::after#parentIda

代わりに、との>間に他の祖先/子孫がない場合は、直接の子コンビネータを使用できます。diva

参照：

于 2012-06-25T21:25:49.763 に答える
0

.router_li a:hover.router_li要素内のホバーされたアンカータグのみをターゲットにします

于 2012-06-25T21:26:44.600 に答える