2

CSSページで次の2つの表記を確認しましたが、同じように機能しているようですが、違いはありますか？

.ClassName  a:hover

と：

a.ClassName:hover
4

6 に答える 6

4

はい、それらの間には違いがあります。

.ClassName a:hover。を含む要素内にあるホバーされたアンカーを指しますclass="ClassName"。

a.ClassName:hoverただし、は、を持っている ホバーアンカーを指しますclass="ClassName"。

W3.orgにはCSSセレクターに関する多くの情報があります。

于 2012-06-26T13:44:22.923 に答える
3 
.ClassName  a:hover //this applies to all child `a` elements of `ClassName`
<div class="ClassName">
  <a>link</a>
</div>

a.ClassName:hover //this applies to the `a` elements that have `ClassName` class
<div>
  <a class="ClassName">link</a>
</div>
于 2012-06-26T13:43:51.363 に答える
2

a.ClassName：hover

<a class="ClassName" href="#">fff</a>

.ClassName a：hover

<div class="ClassName">
  <a href="#">fff</a>
</div>

最初のアプローチは<a>、クラスを持つ要素に対してのみ機能しますClassName。
2番目のアプローチでは、クラスは任意の要素に使用でき、その要素に<a>ホバープロパティが含まれている場合は処理されます。

于 2012-06-26T13:44:38.383 に答える
1

はい、絶対に違いがあります。

  • 最初は、クラスを持つ要素の子孫であるホバーアンカーに一致しClassNameます。
  • 2番目は、ホバーされたアンカーをクラスと一致させClassNameます。
于 2012-06-26T13:45:14.273 に答える
1

.ClassName a：hoverはanchor内部を意味し.ClassNameます。これは

HTML

<div class="ClassName ">
 <a></a>
</div>

また

a.ClassName：hoverは。を意味.ClassNameしanchorます。これは

HTML

<a vlass="ClassName"></a>
于 2012-06-26T13:45:26.607 に答える
1

hover1つ目は、適用された要素内のリンクのプロパティを変更しますClassName。

2つ目は、閉じているコンテナやタグに関係なく、適用されたものですa。ClassName

于 2012-06-26T13:45:29.907 に答える