CSS：可以包含這個元素的內容嗎？

快速簡單的問題。假設我有這個鏈接：<a href="">abc</a>CSS：可以包含這個元素的內容嗎？

我能否使用abc作爲a:after { content: ???; }的？我不想額外創建data-myattr。

W3說是這樣的：

ATTR（X）這個函數返回一個字符串屬性X的值選擇的主題。該字符串未被CSS 處理器解析。如果選擇器的主題沒有屬性 X，則返回空字符串。屬性名稱的區分大小寫取決於文檔語言。

http://www.w3.org/TR/CSS2/generate.html#propdef-content

來源

2012-10-29 Atadj

不，不是真的。你可以做'abc'，然後使用'content：attr（'data-abc'）'。 – Blender

@Blender好的，謝謝！如果這是唯一的方法，我會這樣做。 – Atadj

此外，也許（但可能不會爲你想做的事情）用'text-shadow：50px 0 0 black'或類似的東西做實驗。 – bookcasey

你可以把串入的內容：。這是關於它的相關文檔：http://www.w3.org/TR/CSS2/syndata.html#strings

來源

2012-10-29 22:45:18

但是，您必須將其硬編碼到CSS中，而不是直接從HTML元素中獲取它。 – BoltClock

不，這是不可能的，所以最好考慮原始問題，因爲這是假設的解決方案。

在CSS3 Generated and Replaced Content Module草案中，存在使用content: contents一個:after僞元素的可能性，但這隻會工作，如果這是元素內容的唯一使用（你會content: none爲真實元素），即它並不意味着複製內容。此外，這是一個非常過時的模塊，其提出的大多數新事物（包括這個）都沒有已知的實現。

來源

2012-10-30 05:22:41

CSS：可以包含這個元素的內容嗎？

回答

相關問題