CSS选择器特殊性

写CSS布摆出psd上的效果并不太难,难的是符合标准,或者说是靠近标准难。
我目前就感觉自己很乱,对XHTML文档,以及选择器的命名,重用性都做得不够好。经常做完一个效果,按别人的要求改几处后,我就不愿看css文件了。
有时候,看了一些经典案例,十分惊叹作者为何能想到那种思路。
我与牛人的差距,我是被css牵着走,牛人是牵着css走。
只因对css没有一个整体的认知,还有css设计模式呢。
刚学css时就没怎么看过书,错误地以为达到效果就行,所以对一些web标准了解太少。
在前往标准的路上留些脚印:
选择器的特殊性分为四个等级,a,b,c,d
1.如果样式是行内样式,则a=1;
2.b=ID选择器的总数;
3.c=类,伪类和属性选择器的总数;
4.d=类型选择器和伪元素选择器的总数;

 

Style=""                1,0,0,0    1000
#wrapper #content{}     0,2,0,0    200
#content .datePosted{}  0,1,1,0       110
div #content{}          0,1,0,1    101
#content{}              0,1,0,0       100
p.comment{}             0,0,1,1    11

 

转载于:https://www.cnblogs.com/kingqueenyun/archive/2010/05/25/1743206.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值