在網(wǎng)頁(yè)設(shè)計(jì)中，很多時(shí)候需要根據(jù)不同的欄目顯示不同的樣式。比如首頁(yè)要顯示一種樣式，新聞欄目要顯示另一種樣式，產(chǎn)品展示欄目要顯示不同的樣式。

實(shí)現(xiàn)這個(gè)功能，需要使用CSS。CSS（Cascading Style Sheets）是一種用來描述網(wǎng)頁(yè)外觀樣式的語(yǔ)言。我們可以將CSS與HTML分離，通過CSS來控制網(wǎng)頁(yè)的樣式。

有時(shí)候我們需要根據(jù)欄目名稱來判斷要顯示哪種樣式，這時(shí)候可以使用CSS選擇器的 :contains() 偽類。比如下面的代碼：

nav a:contains("首頁(yè)") {
color: red;
}
nav a:contains("新聞") {
color: blue;
}
nav a:contains("產(chǎn)品展示") {
color: green;
}

上面的代碼表示，如果頁(yè)面中出現(xiàn)導(dǎo)航菜單，其中包含“首頁(yè)”、“新聞”、“產(chǎn)品展示”這三個(gè)欄目名稱的超鏈接，那么它們的樣式會(huì)分別被設(shè)置為紅色、藍(lán)色和綠色。

這樣，我們就可以根據(jù)欄目名稱來動(dòng)態(tài)地設(shè)置網(wǎng)頁(yè)的樣式了。