点击这里给我发消息 推荐使用1024以上分辨率浏览本站,此处广告位招商……

:before:after这两个伪类到底该怎么用呢?

10:01 PM 2008-04-8 | 逍遥老鬼 | 日志分类:DIV+CSS

  下午研究了下伪类里面的before,搞了半天,不能用,后来才发现不是不能用,是在ie中不能用,在firefox中调试了下,可以,但是仍然存在问题,比如排序的那个,最后,支持的最好的就是opera了。比较实用的一个伪类,可惜现在还不能用呢,希望以后支持会好一点吧。

  :before

  语法:Selector : before { sRules }

  说明:用来和 content 属性一起使用,设置在对象前(依据对象树的逻辑结构)发生的内容。

  :after

  语法:Selector : after { sRules }

  说明:用来和 content 属性一起使用,设置在对象后(依据对象树的逻辑结构)发生的内容。

  content

  语法:content : attr(alt) | counter(name) | counter(name , list-style-type) | counters(name , string) | counters(name , string , list-style-type) | no-close-quote | no-open-quote | close-quote | open-quote | string | url(url)

  取值:

  attr(alt) :  使用对象的 alt 属性的文字

  counter(name) :  使用已命名的计数器

  counter(name, list-style-type) :  使用已命名的计数器并遵从指定的 list-style-type 属性

  counters(name, string) :  使用所有已命名的计数器

  counters(name, string, list-style-type) :  使用所有已命名的计数器并遵从指定的 list-style-type 属性

  no-close-quote :  并不插入 quotes 属性的后标记。但增加其嵌套级别

  no-open-quote :  并不插入 quotes 属性的前标记。但减少其嵌套级别

  close-quote :  插入 quotes 属性的后标记

  open-quote :  插入 quotes 属性的前标记

  string :  使用用引号括起的字符串

  url(url) :  使用指定的绝对或相对 url 地址

  说明:用来和 :after 及 :before 伪元素一起使用,在对象前或后显示内容。对应的脚本特性为 content 。

Google
 
« 上一篇 下一篇 »
只显示10条记录 相关文章
  1. 关于a:link等伪类的几种写法 [浏览:614, 评论:3]
  2. 【转】图片垂直居中的使用技巧 [浏览:1293, 评论:3]
  3. 兼容IE,Firefox的图片自动缩放CSS代码 [浏览:2464, 评论:6]
  4. CSS hack:区分IE6,IE7,firefox [浏览:1843, 评论:2]
  5. 你用什么来做你的网页 [浏览:1956, 评论:6]
  6. 网页标准制作中的两个关于UTF-8编码的问题 [浏览:3254, 评论:9]
  7. [转]Firefox与IE下UL预设标记的异同 [浏览:2288, 评论:1]
  8. 一段代码,js替换css的 [浏览:2516, 评论:2]
  9. 把JS与CSS写在同一个文件里 [浏览:2024, 评论:0]
  10. 在蓝色看到的一段hack的解释 [浏览:2034, 评论:0]
Trackbacks
点击获得Trackback地址,Encode: UTF-8 点击获得Trackback地址,Encode: GB2312 or GBK 点击获得Trackback地址,Encode: BIG5
4条记录访客评论
为什么不举例呢?举例不是更生动吗?
Post by 老吧 on 2008, 04, 12, 02:02 AM 引用此文发表评论 #1
不是不举例,而是我所写的,在IE和Firefox下面根本都不能用,在opera下面也有一定的毛病,所以写不写无所谓了,现在基本上就不能用呢,先写出这几个属性的用法来就可以了。
Post by 逍遥老鬼 on 2008, 04, 12, 11:15 AM 引用此文发表评论 #2
又在讲某种语言。
头晕
Post by 咸水元子 on 2008, 04, 13, 09:01 PM 引用此文发表评论 #3
引用 咸水元子 说过的话:
又在讲某种语言。
头晕
CSS,其实很简单的,我一个月时间学会并做了一个网站的DIV+CSS
Post by 逍遥老鬼 on 2008, 04, 14, 08:11 AM 引用此文发表评论 #4

发表评论

评论内容(*):