before和after的操作

before和after,前者是在元素之前插入东西,后者是在元素后面插入东西,但插入的东西不仅仅只是文字而已,还有图标,以及计算器的操作。

由于两者的操作基本一样,这里以before为例

插入文字



    
        
        
        
    
    
        

段落1

段落2

段落3

插入图片



    
        
        
        
    
    
        

段落1

计数器

纯数字



    
        
        
        
    
    
        

标题

标题

标题

标题

标题

标题

拼接文本

计数器也可以拼接文本,不过不用什么加号之类



    
        
        
        
    
    
        

标题

标题

标题

标题

标题

标题

指定项目编号

content: counter(计数器名, 编号种类)

upper-alpha 大写字母

upper-roman 大写罗马字母



    
        
        
        
    
    
        

标题

标题

标题

标题

标题

标题

编号嵌套



    
        
        
        
    
    
        

标题

子标题

子标题

子标题

子标题

子标题

子标题

标题

子标题

子标题

子标题

子标题

子标题

子标题

标题

子标题

子标题

子标题

子标题

子标题

子标题

标题

子标题

子标题

子标题

子标题

子标题

子标题

标题

子标题

子标题

子标题

子标题

子标题

子标题

在编号与编号加横线



    
        
        
        
    
    
        

标题

子标题

子标题

子标题

子标题

子标题

子标题

标题

子标题

子标题

子标题

子标题

子标题

子标题

标题

子标题

子标题

子标题

子标题

子标题

子标题

标题

子标题

子标题

子标题

子标题

子标题

子标题

标题

子标题

子标题

子标题

子标题

子标题

子标题



    
        
        
        
    
    
        

标题

子标题

子标题的子标题

子标题的子标题

标题

子标题

子标题的子标题

子标题的子标题

标题

子标题

子标题的子标题

子标题的子标题

标题

子标题

子标题的子标题

子标题的子标题

在字符串两边添加嵌套文字符号

首先content有两个属性值,open-quoteclose-quote,可以在文字两边添加如括号,单引号,双引号之类的文字符号。

open-quote是开始的符号,close-quote是结束符号,元素的样子中使用quotes属性来决定要什么符号。

不使用quotes属性时,默认是使用双引号



    
        
        
        
    
    
        

标题2

使用别的符号



    
        
        
        
    
    
        

标题2

标题3

你可能感兴趣的:(before和after的操作)