CSS是一種令人驚奇的語言，它可以通過多種方式影響HTML文檔的呈現。其中之一是根據多個att（屬性）來選擇元素。 這是一個非常強大的功能，可以讓您以精確的方式控制樣式。

// 選擇多個屬性
[att1][att2] {
/* CSS樣式規則 */
}
// 選擇指定屬性值的元素
[att="value"] {
/* CSS樣式規則 */
}
// 選擇包含特定詞組的元素
[att~="value"] {
/* CSS樣式規則 */
}
// 選擇以指定值開頭的元素
[att^="value"] {
/* CSS樣式規則 */
}
// 選擇以指定值結尾的元素
[att$="value"] {
/* CSS樣式規則 */
}
// 選擇包含指定值的元素
[att*="value"] {
/* CSS樣式規則 */
}

這些選擇器可以使用多種組合，從而可以非常精確地選擇需要的元素。 您甚至可以向其中添加ID和類選擇器來進一步限制匹配，這就是美妙之處。 例如：

// 僅選擇class為"example"和id為"container"的元素
#container .example[att1][att2] {
/* CSS樣式規則 */
}

總之，CSS的屬性選擇器是一種非常強大的工具，可以讓您按屬性的值來選擇HTML元素。 將其與其他選擇器混合使用，可以創建非常強大的選擇器，以達到最終需要的效果。