CSS僞元素在另一個樣式塊內

-2

我想把僞元素放在a標籤css括號內。目前，它看起來像這樣：

a { 
     background-color: grey; 
     padding: 50px 100px 50px 100px; 
     text-decoration: none; 
     display: inline-block; 
     font-size: 50px; 
     border: 3px solid grey; 
     border-radius: 25px; 
     box-shadow: 0px 0px 30px 10px #080808, 0px 0px 25px 30px #2f4f4finset; 
     text-shadow: 3px 3px #999999; 
     margin-left: 10%; 
     margin-top: 20%; 
    } 

    a:before { 
    content: "* "; 
} 

    a:after { 
    content: " *"; 
}

我想它是這樣工作的：

a { 
     background-color: grey; 
     padding: 50px 100px 50px 100px; 
     text-decoration: none; 
     display: inline-block; 
     font-size: 50px; 
     border: 3px solid grey; 
     border-radius: 25px; 
     box-shadow: 0px 0px 30px 10px #080808, 0px 0px 25px 30px #2f4f4finset; 
     text-shadow: 3px 3px #999999; 
     margin-left: 10%; 
     margin-top: 20%; 

    a:before { 
    content: "* "; 
} 

    a:after { 
    content: " *"; 
} 
    }

如何正確地「稱之爲」僞元素的任何提示，而不打破了原有的一個標籤造型？

來源

2015-05-09 newneub

CSS中沒有嵌套。正如你問的那樣，「正確」的方式就像你在第一個代碼示例中所顯示的那樣。 – Shaggy

它可以通過預處理器來實現，如SASS或LESS。

a { 
    // styles here 
    &:before { 
     // styles for :before 
    } 
}

來源

2015-05-10 00:03:49 Ben

你不能在純CSS中這樣做，因爲純CSS不允許嵌套樣式塊。您需要預處理器，如SASS或LESS。

來源

2015-05-10 00:24:13

誰低估，謹慎解釋？這個答案是正確的。 –

CSS僞元素在另一個樣式塊內

回答

相關問題