深圳市博士通科技有限公司

content属性:content属性的综合型用法

2012/4/23 10:24:57   阅读:2689    发布者:2689

content属性主要通过伪类选择器:before和:after来指定位置;
content属性的值可以为任何内容;
当content属性的值为none,则表示不插入任何内容;

content属性:
  如果我们想往段落p标签内部追加省略号只需要如下方式定义样式即可:
  p:after{content:"...";}

  当然我们也可以追加任何文字:
  p:after{content:"网页教学网";}

  既然CSS3可以追加内容after,那么CSS3也为我们提供了前置内容的方法before:
  p:before{content:"...";}

  如果我们使用标签选择器定义了所有的p,但是又有需求要求某一个p且ID为box的元素不准自动追加或前置内容,那么我们就可以对content属性制定none值(none值只能用于before和after这两种选择器)或normal(任何选择器都没问题)值即可:
  #box:before{content:none;}