如何在::之前:: ::之後寫入錨標籤

2016-10-03 Karthik N

通過CSS ......像這樣'前::輸出將顯示內容{ 「」}'[小提琴]（https://jsfiddle.net/hbfhx7w2/） –

當你檢查元素:: before僞標籤出現時，它實際上並不是'內部'錨標籤，而是它使用css –

爲什麼-2投票？？ –

你在這裏看到什麼是CSS僞元素。

::before僞元素可用於在元素的內容之前插入一些內容。例如 - 以下代碼將在每個段落前插入This comes before...。

p::before { 
    content: "This comes before..."; 
}

有關CSS僞元素的更多信息，請參閱this鏈接。

來源

2016-10-03 09:31:37

和::before被稱爲psuedo elements。

:: after和:: before讓你使用content屬性添加一些內容到元素。

例

a::before { 
 
    content: " Before content"; 
 
    margin-right: 10px; 
 
} 
 
a::after { 
 
    content: "After content"; 
 
    margin-left: 10px; 
 
}

<a href="#">Click Here </a>

來源

2016-10-03 09:34:55

我知道他們是僞元素，但我已經看到他們在HTML代碼內，我不明白效果，看看問題，這是一個HTML文件，而不是一個CSS，像每個答案 – J3STER

其在CSS2使用並且::before選擇每個所選擇的元素或元素的含量之前插入的東西。

使用content屬性指定要插入的內容。

也有::after哪個選擇器用於在內容之後插入內容。

CSS

<style> 
    p::before { 
    content: "User Name"; 
    background-color: yellow; 
    color: red; 
    font-weight: bold; 
} 
</style> 



<body> 

<p>Karthik N </p> 
<p>Sachith MW </p> 

</body>

如下:)

來源

2016-10-03 09:45:52 SMW

如何在::之前:: ::之後寫入錨標籤

回答

相關問題