2013-02-09 41 views
1

有沒有什麼方法可以將CSS樣式的目標對象的一部分內容:before和:after僞元素?僞元素的樣式部分

+1

http://css-tricks.com/pseudo-element-roundup/ – leopic 2013-02-09 13:55:40

+1

什麼僞元素?有很多。什麼樣式?你是什​​麼意思*僅僅是僞元素的一部分*? – 2013-02-09 13:55:50

+0

什麼是內容的一部分?比如:第一行 – mikakun 2013-02-09 13:58:01

回答

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; 
}