一个css属性没有另一个被执行

Question

我确信这有一个非常简单的解释，但我已尽力而为，似乎错过了它。我有以下css代码，它适用于ul父级下的li​​项目。我已经申请了

＆＃13;

＆＃13;

.test {
  font-family: 'Quicksand', sans-serif;
  font-size: 13px;
  background-color: #d9edf7;
}
.test:hover {
  background-color: red;
  font-size: 14px;
}

＆＃13;

<ul>
  <li class="test">test</li>
  <li class="test">test2</li>
  <li class="test">test3</li>
</ul>

＆＃13;

＆＃13;

＆＃13;

问题是，在悬停时，它会更改字体大小而不更改背景。我错过了什么吗？