CSS結構我的代碼

有沒有一種方法來構建一個CSS文件中這樣的方式？：CSS結構我的代碼

a:link { 
    color: red; 
    font-weight: bold; 
    a:hover { 
    text-decoration: none; 
    font-weight: normal 
    } 
}

所以我想一個正常的鏈接下劃線和大膽的，但是當我在它懸停，它不應該加下劃線和粗體，但它應該仍然具有相同的顏色。（這是一個簡單的例子，只是爲了說明）

編輯：我/在尋找一種方式，沒有青菜或更少

2016-08-23 bendajo

是的，但你必須使用CSS少 –

@Dinesh任何可以用Less編寫的東西也可以用純CSS編寫;畢竟少編譯爲純CSS。你不能像這樣寫*，但是不需要。即使在更少的情況下，這也意味着與實際需要的不同。 – deceze

可能重複的[我可以使用CSS像JavaScript？]（http://stackoverflow.com/questions/21302316/can-i-use-css-like-as-javascript） –

a { 
    color: red; 
    font-weight: bold; 
} 

a:hover { 
    text-decoration: none; 
    font-weight: normal 
}

所有a元素將是紅色和大膽。具體來說a:hover元素也將沒有文字修飾，並且字體權重被覆蓋爲normal。你不是想處理「父母和孩子」在哪裏，只需要更具體的狀態的一個元素。

2016-08-23 07:11:50 deceze

謝謝，我想我會用這個辦法。對於標題而言，我不知道如何稱呼它，所以我認爲它可能與父母的兒童協會類似，孩子與父母具有相同的屬性。但我現在編輯了標題。 – bendajo

有沒有這樣的事情在CSS中繼承，但是你可以這樣做：

a:link, a:hover { 
    color: red; 
    font-weight: bold; 
} 
a:hover { 
    text-decoration: none; 
    font-weight: normal; 
}

2016-08-23 07:12:49 MadMarc

這在評論中提到的部分，但我認爲它值得自己的職位。

你會使用SASS（或者LESS，但我發現前者更容易）寫出你的代碼，然後編譯器如Koala將其編譯爲常規CSS。

這樣你的代碼就變成了：

a:link { 
    color: red; 
    font-weight: bold; 

    &:hover { 
    text-decoration: none; 
    font-weight: normal 
    } 
}

正如預期它會奏效。

2016-08-23 07:32:56

'＆：hover'會編譯成'a：link：hover'，這不是我想要的... – deceze

這是一種可能性，但我一直在尋找一種沒有sass或更少的方式 – bendajo

回答