css基础(十四)--生成内容

40.css生成内容

使用content配合伪类选择器一般可以做以下四种事情:

例如:

css中有一个清除浮动的方法“clearfix”就是用了 content,只不过这里插入了一个空格

.clearfix:before,

 

.clearfix:after {

 

       content:””;

 

       display:table;

 

}

 

.clearfix:after {

 

       clear:both;

 

       overflow:hidden;

 

}

另外例子:

插入元素:

假设我们有一个元素:

<a href="##" title="我是一个title属性值,我插在你的后面">我是元素</a>

可以通过”:after”和”content:attr(title)”将元素的”title”值插入到元素内容“我是元素”之后:

a:after {

 

  content:attr(title);

 

       color:#f00;

 

}

效果如下:

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值