FOF CSS伪元素

admin

<!文档类型 网页类型>
<网页 语言代码="中文">
    <网页头部>
        <网页信息 文档编码="UTF8" />
        <网页信息 名称="页面视图" 关联数据="视图宽度=填充视图宽度,初始缩放值=1,最大缩放值=1,用户缩放状态=假" />
        <网页信息 关联HTTP="兼容模式" 关联数据="最高IE版本" />
        <网页标题>Document</网页标题>
    </网页头部>
    <网页主体>
        <!--这里编写网页代码-->


        <无序列表 类名="无序列表样式">
            <列表项></列表项>
            <列表项></列表项>
            <列表项></列表项>
        </无序列表>

        <区块 类名="我是区块">
            <超链接 链接地址="">1</超链接>
            <超链接 链接地址="">2</超链接>
            <超链接 链接地址="">3</超链接>
        </区块>

        <样式>
            .无序列表样式 {
                列表-样式-类型: 无效;
                背景-颜色: 颜色值-白色;
                边框: 1px 实线 颜色值-橙色;
                内边距: 0px;
            }
            .无序列表样式 > 列表项 {
                高度: 50px;
                左边距: 30px;
                行高: 50px;
                文本颜色: #ff516b;
                字体-大小: 16px;
                字体-粗细: 粗体;
            }
            .我是区块{
                高度: 200px;
                宽度: 200px;
                背景-颜色: 颜色值-白色;
            }

            .无序列表样式 > 列表项:子元素(1):元素前 {
                内容: "Ⅰ";
            }
            .无序列表样式 > 列表项:子元素(2):元素前 {
                内容: "Ⅱ";
            }

            .无序列表样式 > 列表项:子元素(3):元素前 {
                内容: "Ⅲ";
            }

            .我是区块 > 超链接:子元素(1) {
                文本颜色: 颜色值-橙色;
            }
            .我是区块 > 超链接:子元素(2){
                文本颜色: 颜色值-粉色;
            }
               .我是区块 > 超链接:子元素(3){
                文本颜色: 颜色值-金色;
            }
        </样式>
    </网页主体>
</网页>