::之前直接在css中工作

-5

我試圖直接在HTML中使用:: before元素。我的代碼如下::之前直接在css中工作

<ul class="clear toogled" style="height:188pxl"> 
<li tabindex="0" style="display: block;"> 
<label for="MAP-IA_1_1_OR_CB_1" aria-label="Filter by product"> 
::before 
hello 
</label> 
</ul>

這將賦予這樣

::before 
hello

輸出爲什麼它給輸出這樣的嗎？

來源

2016-03-08 carl_cj

因爲這不是它的工作原理。 – Phiter

你還期待什麼其他輸出？（作爲附註高度：188'pxl'不正確） – fcalderan

https://developer.mozilla.org/en/docs/Web/CSS/::before –

我不確切知道你準確的瞄準了什麼，但正如其他人提到的那樣，這不是你如何使用「before」僞元素。

基本上，這些::前::你對DOM元素看後都自動插入通過CSS僞類:before和:after的DOM。

例如，使用你的代碼，我可以在你的'你好'前面放一個咖啡杯。

label:before{ 
 
    content:"\2615"; 
 
}

<ul class="clear toogled" style="height:188pxl"> 
 
    <li tabindex="0" style="display: block;"> 
 
    <label for="MAP-IA_1_1_OR_CB_1" aria-label="Filter by product"> 
 
    hello 
 
    </label> 
 
    </li> 
 
</ul>

我所做的就是創建一個CSS選擇器label:before並設置它的內容將Unicode字符，這基本上說，裏面的標籤的任何事情之前，我想表明content。

如果您檢查從中複製了HTML的Samsung網站，則可以驗證它們是否執行相同的操作。

這是resource當我最初開始學習:before僞類時使用的。

來源

2016-03-08 19:40:46 gitsitgo

謝謝你的好解釋。現在我比過去好點了:)並且我是這個網站的新手。 –

歡迎您！當我瞭解到這一點時，這當然不是直截了當的。如果您覺得我的解釋有幫助，請隨時提出答案或接受答案。 – gitsitgo

::之前直接在css中工作

回答

相關問題