Html 如何在CSS中设置伪计数器的样式
在本例中,如何更改计数器的字体大小:Html 如何在CSS中设置伪计数器的样式,html,css,pseudo-element,Html,Css,Pseudo Element,在本例中,如何更改计数器的字体大小: <style> p { counter-increment: myIndex; } p:before { content:counter(myIndex); } </style> P { 反增量:myIndex; } p:以前 { 内容:计数器(myIndex); } 网页内容 <p>First make a variable (myIndex) and make it increase every time a
<style>
p
{
counter-increment: myIndex;
}
p:before
{
content:counter(myIndex);
}
</style>
P
{
反增量:myIndex;
}
p:以前
{
内容:计数器(myIndex);
}
网页内容
<p>First make a variable (myIndex) and make it increase every time a p element occurs.</p>
<p>Then insert the counter in front of all p elements</p>
<p><b>Note:</b> For the counter property to work in IE8, a DOCTYPE must be declared.</p>
首先创建一个变量(myIndex),并在每次出现p元素时使其增加
然后将计数器插入所有p元素的前面
注意:要使计数器属性在IE8中工作,必须声明DOCTYPE
只需为
:在psuedo之前设置字体大小
我明白问题所在。我有另一个与字体大小冲突的伪字符。
p {
counter-increment: myIndex;
}
p:before {
content:counter(myIndex);
font-size:30px;
}