屬性選擇器是CSS中一種非常重要的選擇器，它可以根據元素的屬性值來選擇元素進行樣式的定義。下面是一些常用的屬性選擇器的示例：

/* 選擇所有含有title屬性的元素 */
[title] {
color: red;
}
/* 選擇所有href屬性值為https://或http://的a元素 */
a[href^="https://"], a[href^="http://"] {
color: blue;
}
/* 選擇所有css文件后綴的link元素 */
link[href$=".css"] {
font-size: 16px;
}
/* 選擇所有class屬性值包含“box”的div元素 */
div[class*="box"] {
border: 1px solid black;
}
/* 選擇所有type屬性值為password的input元素 */
input[type="password"] {
background-color: #f2f2f2;
}

在實際的網站開發中，屬性選擇器經常被用來優化樣式表和提高網站性能。例如，當需要對所有以“https://”或“http://”開頭的鏈接進行樣式定義時，使用屬性選擇器可以省去為每個鏈接都添加一個類名的繁瑣工作。另外，屬性選擇器還可以用來實現一些特殊的效果，例如根據元素的狀態來變換樣式。