::之前直接在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中工作

回答

相关问题