代码之家  ›  专栏  ›  技术社区  ›  ParoX

在前后添加字符到hrefs的CSS内容?

css
  •  1
  • ParoX  · 技术社区  · 15 年前

    我想将我的所有链接文本设置为“从普通链接到[普通链接]”。仅使用CSS是否可以实现这一点?

    3 回复  |  直到 15 年前
        1
  •  7
  •   Elle H    15 年前

    它不完全支持跨浏览器,但您可以使用 content 财产和 :before :after 伪类

    a:before
    {
        content: "[";
    }
    
    a:after
    {
        content: "]";
    }
    

    您可以在这里看到对属性的支持:

    http://www.quirksmode.org/css/contents.html

        2
  •  2
  •   SLaks    15 年前

    对。

    a:link.MyLink {
        text-transform: uppercase;
    }
    
    a:link.MyLink :before {
        content: "[";
    }
    a:link.MyLink :after {
        content: "]";
    }
    

    但是,最后两条规则在IE中不起作用。

        3
  •  -1
  •   ttchong    15 年前

    不可以。您可以设置文本样式,但不能用CSS更改文本。