伪类的应用问题

header > .conent > nav > a:hover,

header > .conent > nav > a.active{

    padding-bottom:7px;

}

为什么需要在active之前的加hover？

为什么不加hover的时候下面的必须把点换成冒号 并且只有鼠标点击的时候样式才会改变 ？

 为什么hover之后用逗号而不是其他符号呢？