CSS 屬性選擇器是一種非常有用的篩選和修改 CSS 屬性樣式的方法，它基于元素的屬性來選擇和修改元素的樣式。本文將介紹 CSS 屬性選擇器的基本用法和實例應用，幫助你更好地理解它的使用。

/* 基礎語法 */
element[attribute=value] {
property: value;
}
/* 選擇具有 title 屬性并且值為 "example" 的元素 */
a[title="example"] {
color: red;
}
/* 選擇所有具有 href 屬性的鏈接元素 */
a[href] {
text-decoration: underline;
}
/* 選擇所有具有 class 屬性 "example" 的元素 */
.example {
font-weight: bold;
}

在實際應用中，我們可以使用 CSS 屬性選擇器來批量修改同類型元素的樣式，提高開發效率，并使網頁代碼更為簡潔和易于維護。

/* 修改所有鏈接元素的樣式 */
a {
color: purple;
text-decoration: none;
}
/* 修改所有圖片元素的寬度和高度 */
img {
width: 100px;
height: 100px;
}

屬性選擇器還支持一些特殊的屬性選擇方式，如基于屬性值是否開頭/結尾/包含某個字符串等。這些方法可以使我們選擇更加精確的元素進行修改。

/* 選擇所有 href 屬性以 "https" 開頭的鏈接元素 */
a[href^="https"] {
color: blue;
}
/* 選擇所有 class 屬性以 "example" 結尾的元素 */
[class$="example"] {
background-color: yellow;
}
/* 選擇所有 alt 屬性包含 "cat" 字符串的圖片元素 */
img[alt*="cat"] {
border: 1px solid black;
}

以上是 CSS 屬性選擇器的基本介紹和使用方法，隨著 CSS 技術的不斷發展和更新，我們可以利用屬性選擇器來實現更加多樣化和高級的效果。希望本文能夠對你的學習和工作有所幫助。