有沒有什麼方法可以將CSS樣式的目標對象的一部分內容:before和:after僞元素?僞元素的樣式部分
Q
僞元素的樣式部分
1
A
回答
1
如果內嵌顯示隨着發電元件的內容你:before
僞元素的內容,你可以靜止目標:first-line
或:first-letter
分開,它應該覆蓋分別爲:before
所生成的內容中的第一行或字母,:
div {
width: 100px;
}
div:before {
content: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit.';
}
div:first-line { font-weight: bold; }
div:first-letter { color: red; }
除此之外,你不能可靠地定位的份或:after
帶有CSS的僞元素,因爲僞元素不能在CSS2.1中生成其他僞元素,只有真正的元素可以。如果您需要添加附加內容的第一個字母,請先使用JavaScript來附加該內容。
+0
不錯的提示。不幸的是我需要在後面的第一個字母: – wheresrhys 2013-02-19 18:09:55
0
我不明白當你說只是僞元素的一部分。要定位樣式:after
和:before
把它們當作塊級元素,你需要有基本的一點是:
.element:after, .element:before {
content: " ";
display: block;
width: 100px;
height: 100px;
}
相關問題
- 1. 僞元素的樣式優先
- 2. wordpress循環中的樣式僞元素
- 3. 部分內嵌與樣式化元素?
- 4. 頂部僞元素的堆棧頂部
- 5. 在Firebug中操作僞元素的CSS樣式
- 6. (不能)在javascript中獲取元素樣式的一部分
- 7. CSS樣式不適用於元素的溢出部分
- 8. CSS:僞元素
- 9. FadeOut僞元素
- 10. 如何從JavaScript的外部樣式表派生元素樣式?
- 11. 如何樣式化SVG節點:在僞元素之前
- 12. 使用javascript將樣式應用於css僞元素
- 13. 背景部分沒有被僞元素覆蓋
- 14. 僞元素如何檢測非僞元素的高度?
- 15. 無效的僞元素或僞類
- 16. 居中僞元素
- 17. 如何僞元素
- 18. 居中僞元素
- 19. 體/ HTML僞元素
- 20. CSS FIRSTLINE僞元素
- 21. 混淆僞元素
- 22. 僞元素轉換
- 23. 的樣式的p元素
- 24. 樣式子元素html元素
- 25. 如何在僞元素上使用僞元素?
- 26. 未知僞元素或僞類:懸停
- 27. 在CSS中,錨是唯一支持僞樣式屬性的元素嗎?
- 28. 使用僞事件更改兩個html元素的樣式屬性
- 29. z-index不像預期的那樣呈現僞元素
- 30. 我怎樣才能居中不同寬度的僞元素?
http://css-tricks.com/pseudo-element-roundup/ – leopic 2013-02-09 13:55:40
什麼僞元素?有很多。什麼樣式?你是什麼意思*僅僅是僞元素的一部分*? – 2013-02-09 13:55:50
什麼是內容的一部分?比如:第一行 – mikakun 2013-02-09 13:58:01