包含引號內嵌樣式

我有一個課程，我適用於一個跨度格式化它有點不同，以顯示一個人必須採取的行動。包含引號內嵌樣式

<p>Example of styling a <span style="background-color:#ccc; color:#066; font-weight:900; padding:0 8px;">Button</span> press.</p>

這個例子顯示了一個內聯樣式，但它最終會在一個類中。我想知道的是，可以在文本週圍添加尖括號作爲樣式的一部分？我知道<q>可以實現這一點，但我希望這是造型信息的一部分。無論如何，這是可能的。

非常感謝任何幫助提前。

是的，您可以使用僞元素在您的樣式中包含括號，但不支持< = IE7（上次我檢查的市場份額爲4.5％）。該方法使用僞元素:before和:after分別在元素之前和之後基於CSS生成內容（同時仍保留在.button內）。

enter image description here

.button:before { 
    content:"<"; 
} 

.button:after { 
    content:">"; 
}

2013-03-30 16:46:07

這是完美的。非常感謝你。出於好奇，我認爲僞元素不能在內聯中定義嗎？非常感謝 – user2227485

不，您不能在HTML中定義它們，只能在CSS中定義它們。它們就像假標籤一樣，爲什麼不用''就行了，如果你想用HTML定義它的話:) –

您可以用僞:before和:after和content容易做到這一點。

span:before { 
    content: "«"; 
} 
span:after { 
    content: "»"; 
}

我也認爲這將更適合作爲kbd元素。

2013-03-30 16:47:34

回答