CSS可以用來為不同的元素設置樣式，也可以用來設置某個元素的屬性值，如設置性別屬性。例如下面的代碼，將會為id為"gender"的元素添加性別屬性：

#gender::before {
content: "性別：";
}
#gender[data-gender="male"]::after {
content: "男";
}
#gender[data-gender="female"]::after {
content: "女";
}

上面的代碼中，使用了偽元素::before和::after來為元素添加內容。其中，::before會在所選元素的內容前面添加內容，而::after會在之后添加內容。

在實際應用中，可以根據需要設置不同的屬性值。例如，在一個表單中，使用單選按鈕來選擇性別，然后在相應的標簽中添加data-gender屬性，并將屬性值設置為"male"或"female"。

通過CSS的選擇器，可以根據屬性值來為不同的元素設置不同的樣式，實現性別的展示效果。