CSS屬性選擇器是一種非常實用的選擇器，可以通過該選擇器選擇具有特定屬性的元素來設置樣式。

[attribute]

該選擇器選擇所有具有指定屬性的元素。例如，如果想選擇所有包含“data-”前綴的屬性的元素，可以使用以下選擇器：

[data-]

還可以進一步限制選擇器，例如只選擇data屬性值以“icon”開頭的元素：

[data^="icon"]

其中^表示值以特定字符串開頭的屬性值。此外，還可以使用*和$來表示以特定字符串包含和結尾的屬性值，例如：

[data*="test"]  包含“test”的屬性值。
[data$="png"]   以“.png”結尾的屬性值。

對于input元素的type屬性，可以使用以下選擇器進行選擇：

input[type="text"]   text類型的input元素
input[type="password"]  password類型的input元素

在實際開發中，我們可以使用屬性選擇器來提高樣式的可擴展性和可維護性，可以避免破壞樣式的情況發生。