<style>
ol>li {
list-style-type:none;
counter-increment:item;
}
ol>li:before {
width:1.5em;
font-weight:bold;
content:counter(item) ".";
}
</style>
<html>
<ol>
<li>a</li>
<li>b</li>
<li>c</li>
</ol>
</html>
run result:
1.a
2.b
3.c
note: :before 是指设置 'content'的内容样式。
counter 是动态设置li的序列样式，item-->:before item.
相关推荐
::before 用法：view::before，表示在该view组件的前面加入内容 ::after 用法：view::after，表示在该view组件的后面加入内容 这里是双冒号，不是单冒号。单冒号是CSS2的内容，双冒号是CSS3
伪元素实现tooltip，nav导航栏的炫酷效果以及计数器
下面小编就为大家带来一篇那些你所不知的CSS ::before 和::after 伪元素用法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
众所周知::before与::after两个伪元素其实是CSS3中的内容，然而实际上在CSS2中就已经有了这两者的身影，只不过CSS2中是前面加一个冒号来表示（:before和:after）。今天主要讲讲这两个伪元素该如何使用。 一、与普通...
CSS3选择器-- 伪元素选择器 ...:after选择器的使用方法与:before选择器相同。 总结 02 通过本小节知识了解 :before和:after选择器 掌握伪元素选择器的语法格式 能够熟练运用伪元素选择器 总结 THANKS
本篇重点介绍CSS中的:befor、:after创建的伪元素几种使用场景，如填充文本、作为iconfont、进度线、时间线以及几何图形。 1. 介绍 1.1 说明 CSS中的:befor、:after都会创建一个伪元素，其中:befor创建的伪元素是所选...
我们用CSS手册可以查询到其基本的用法： E:before/E::before 设置在对象前（依据对象树的逻辑结构）发生的内容。用来和content属性一起使用 E:after/E::after 设置在对象后（依据对象树的逻辑结构）发生的内容。用来...
TailwindCSS插件，添加伪元素的变体（ ::before ， ::after ， ::first-letter等）。 用法 安装 NPM npm install tailwindcss-pseudo-elements --save-dev 纱 yarn add tailwindcss-pseudo-elements -D 配置 const...
有一点就是Javascript无法获取到这些CSS属性值，但现在有一种方法可以获取到： 看看下面的CSS代码： .element:before { content: 'NEW'; color: rgb(255, 0, 0); }.element:before { content: 'NEW'; color: ...
效果描述： 之前在网页中看到很多类似标签的效果，第一反应就是，这肯定是图片背景铺成的嘛，顶多... 使用方法： 1、将head中的CSS样式引入到你的网页中 2、在你需要变成标签的html处增加class = “lanren”即可
伪元素：“ ses before”-> ::before 规则：“ ses font face”-> @font-face 值：“ ses低位字母”-> lower-alpha HTML元素：“ ses表主体”-> tbody 一些字体：“ ses roboto”-> 'Roboto' 一些常见的声明为...
而且CSS里不光有伪类，还有伪元素，比如：:first-letter，:first-line，:before和:after。 本文中其它伪元素暂且不表，单说:after伪元素。 after顾名思义是在元素后面的意思，实质是在元素之后添加内容。 这个伪元素...
资产经理用法基本用法是在整个应用程序中，最有可能在控制器中包含资产。 也许您有一个基本控制器，其余的控制器可以扩展到您包含基本或默认CSS和Javascript文件的位置。 然后，在其他控制器中，您可以根据相应操作...
安装方法: 打开Firefox浏览器--打开菜单(右上角三条横杆)--附加组件--扩展--点击右上角有个雪花一样的设置按钮--从文件安装附加组件--选择firebug-2.0.16-fx.xpi安装就可以 第三步，安装CSS Usage 0.2.9（下载包中...
最近遇到一个需要改变:before,:after 伪类的样式，发现css中并不能直接选择某一个元素的:before和:after伪类元素，所以特总结了使用javascript和jQuery改变元素的:before和:after伪类样式的方法。 类如如下的html及...
:before和:after的作用就是在指定的元素内容（而不是元素本身）之前或者之后插入一个包含content属性指定内容的行内元素，最基本的用法如下： #example:before { content: #; color: red; } #example
CSS Code复制内容到剪贴板 .clearfix:before, .clearfix:after { content:; display:table; } .clearfix:after{ clear:both; overflow:hidden; } .clearfix{ *zoom:1; } 如果外部有一个div...
安装npm i tailwindcss-empty用法在您的tailwind.js ： modules: { // The plugin only generates classes when you explicitly // register the 'empty' state variant for a module display : [ 'responsive' , '...
它能够改变伪元素，如:after 、 :before和:hover 。 设置自己的样式很容易，也很容易反映和重置样式到元素。用法 // 1. Create Instancevar Css = new CssHack ( ) ;// if you need '!important' to all in style ...