css - 特定のIDを持つリンクの：hoverを指定する

Question

私が以下を持っていた場合：

  .nav > li.dropdown.open.active > a:hover

IDが#futurebuttonのリンク「a」にも同じものを指定したかったのですが、これはどのようになりますか？

明らかにそうではありませんか？：

 .nav > li.dropdown.open.active > a#futurebutton:hover

Answer 1

いいえ。

#futurebutton:hover {
    /* styles */
}

IDはDOM内で一意であるため、IDをセレクターとして指定するだけで済みます。

Answer 2

CSS：

#futurebutton:hover{
}

jQuery：

$('#futurebutton').open(yourOpenFunction)