CSS是前端開發中的必備技能之一，而數據選擇器是CSS的重要部分之一。它可以讓開發者通過指定數據屬性來選擇元素，從而實現更加靈活的樣式控制。在本文中，我們將介紹一些常見的數據選擇器。

[data-name] {
color: red;
}

上面的代碼是一個基本的數據選擇器，它會選擇所有含有data-name屬性的元素，并將它們的文字顏色設為紅色。這種選擇器也可以用于選擇表單元素的屬性，例如：

input[type="text"] {
border: 1px solid #ccc;
}

上面的代碼將選擇所有輸入框，并為它們添加1像素的灰色實線邊框。

另一種常見的數據選擇器是第一個或最后一個子元素選擇器，它們分別使用:first-child和:last-child偽類實現。例如：

ul li:first-child {
list-style: none;
}

上面的代碼會選擇每個無序列表的第一個列表項，并將它們的列表樣式設為none，從而隱藏它們的標記。

最后，我們還有一個not選擇器，它可以用來排除某些元素。例如：

div:not(.headline) {
background-color: #eee;
}

以上代碼將選擇所有不包含headline類的