我嘗試優化我的日歷小部件。我想用單獨的顏色填充 之間的所有元素selected_first（button:hover參見代碼示例）：body {  background: #000;}div {  counter-reset: btn;  display: flex;  flex-flow: row wrap;  max-width: 200px;}button {  flex: 0 0 20%;  display: block;  height: 30px;  border: 0;  background-color: #333;  color: #fff;  border: 1px solid #000;;}button:before {  counter-increment: btn;  content: counter(btn);}button[value="selected_first"] {  background: green !important;}button[value="selected_first"] ~ button, button:hover {  background: blue;}button[value="selected_first"] ~ button:hover ~ button {  background: #333;   }<div>  <button></button>  <button></button>  <button value="selected_first"></button>  <button></button>  <button></button>  <button></button>  <button></button>  <button></button>  <button></button>  <button></button></div>當鼠標懸停在按鈕上時它對我有用。但當沒有任何按鈕懸停時，它不起作用。它應該看起來像這樣： 預期結果但當沒有任何按鈕懸停時，它們仍然具有藍色背景。