在web開發中，我們經常需要修改多個CSS樣式。這時候，我們可以使用CSS選擇器和樣式優先級來靈活修改多個樣式。下面，我們來介紹一些基礎的方法：

/* 通過類選擇器修改多個元素的CSS樣式 */
.button {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
}
/* 通過標簽選擇器修改多個元素的CSS樣式 */
p {
font-size: 16px;
font-weight: bold;
}
/* 通過id選擇器修改單個元素的CSS樣式，注意id選擇器在同一頁面中唯一 */
#header {
background-color: #f9f9f9;
height: 80px;
}

使用偽類選擇器(pseudo-class)可以進一步定制樣式，例如:hover(鼠標懸停)、:active(激活狀態)等。可以給元素添加多個類名和選擇器，組合修改樣式。

/* 組合多個類名和選擇器修改樣式 */
.button.primary {
background-color: #007bff;
color: #fff;
padding: 10px 20px;
border-radius: 5px;
}
/* 利用偽類選擇器給按鈕添加交互效果 */
.button:hover {
background-color: #0069d9;
cursor: pointer;
}

有時候，多個標簽或類名下共享某些樣式屬性，我們可以使用通用選擇器來簡化代碼：

/* 通過通用選擇器簡化樣式代碼 */
h1, h2, h3, h4, h5, h6 {
font-family: "Roboto", sans-serif;
font-weight: bold;
}

另外，樣式優先級也是修改多個樣式的一項重要考慮。如果多個選擇器均作用于同一個元素，優先級高的樣式會覆蓋優先級低的樣式。CSS選擇器的優先級排名為：內聯樣式 >ID選擇器 >類選擇器/屬性選擇器 >元素選擇器。