CSS按data選擇按鈕是指使用CSS選擇器選中HTML元素中含有特定data屬性值的按鈕，然后對其進行樣式設置。這樣可以非常方便地對網頁中的按鈕進行分類處理，提高了網頁的可維護性和適應性。

/* 選中data屬性值為button的所有按鈕 */
button[data="button"] {
/* CSS樣式 */
}

上述代碼中，選擇器button[data="button"]表示選中所有data屬性值為button的按鈕，然后在大括號內設置CSS樣式。需要注意的是，data屬性值必須放在雙引號內，否則會報錯。

另外，還可以使用~=和|=等選擇器來選中帶有多個data屬性值或帶有data屬性值的子串的按鈕。

/* 選中data屬性值為button和click的按鈕 */
button[data~="button"][data~="click"] {
/* CSS樣式 */
}
/* 選中data屬性值以button開頭的所有按鈕 */
button[data|="button"] {
/* CSS樣式 */
}

以上就是CSS按data選擇按鈕的相關知識，相信這對于助你更好的掌握CSS選擇器的使用。