有沒有什麼方法可以將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. wordpress循環中的樣式僞元素
- 2. 僞元素的樣式優先
- 3. 獲取僞元素樣式值
- 4. 部分內嵌與樣式化元素?
- 5. 僞元素內部的位置元素
- 6. 使用CSS樣式實現此hr元素 - 僞元素
- 7. CSS元素僞不覆蓋子元素樣式
- 8. 頂部僞元素的堆棧頂部
- 9. 僞元素中是否有僞元素?
- 10. 在僞元素內嵌套僞元素
- 11. jQuery的刪除僞元素的樣式 - 禁用錨錨unstyle
- 12. 將css樣式應用於javascript調用後的僞元素
- 13. 內聯屬性樣式中的CSS僞元素
- 14. 改變之前和之後的樣式:在僞元素之後?
- 15. 在Firebug中操作僞元素的CSS樣式
- 16. CSS樣式不適用於元素的溢出部分
- 17. (不能)在javascript中獲取元素樣式的一部分
- 18. FadeOut僞元素
- 19. CSS:僞元素
- 20. 如何從JavaScript的外部樣式表派生元素樣式?
- 21. 造型內部元素在XAML樣式
- 22. 使用javascript將樣式應用於css僞元素
- 23. 在html標記中更改CSS僞元素樣式
- 24. 如何樣式化SVG節點:在僞元素之前
- 25. CSS僞元素在另一個樣式塊內
- 26. 如何隱藏子樣式元素中的元素樣式?
- 27. 固定元素的響應式部分
- 28. 背景部分沒有被僞元素覆蓋
- 29. 僞元素如何檢測非僞元素的高度?
- 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