Comments on: 把CSS全部归零

By: 辉舞世间

辉舞世间 — Mon, 07 Dec 2009 06:31:33 +0000

我只学习，不发表意见……

By: diyism

diyism — Thu, 21 May 2009 08:57:03 +0000

From: http://diyism.com/?action=program.css_note

制定css标准的时代还没有动态网页, 并没有考虑到区块内容变换, 因而css里没有类似”inherit:no;”的属性阻止继承,
只能在区块顶层元素class属性内加’reset’来重置所有可继承属性来尽力阻止来自上层css的影响, ”.reset”定义段要
放在”.tpl”定义之前以免影响区块css定义, 但阻止不了上层强指定值的影响:

kkkkkkkkkk
    aaaaa

可继承属性大致只有这些(见W3C_CSS21_Specification.chm的”Appendix F. Full property table”):
(有些内建这几个属性的元素不会继承, 可设值为’inherit’以强制继承(firefox支持, ie用:”font-style:expression(this.parentNode.currentStyle?this.parentNode.currentStyle.fontStyle:’normal’);”)
(font-family缺省值是浏览器默认字体, 无相应设置值, firefox里设置非法值可以覆盖继承值, ie6/ie7里仍用继承值,
只好明设simsun, 在非中文系统里ie6/ie7认为simsun非法而仍用继承值)
.reset {color: black;
        cursor: auto;
        direction: ltr;
        elevation: level;
        font-family: simsun,sans-serif;
        font-size: medium;
        font-style: normal;
        font-variant: normal;
        font-weight: normal;
        letter-spacing: normal;
        line-height: normal;
        text-align: left;
        text-indent: 0;
        text-transform: none;
        visibility: visible;
        white-space: normal;
        word-spacing: normal;
       }

为了避免上层强指定值的影响, 只能制定一些自我约束原则来粗略满足ajax动态区块css独立性要求:
在css rule的selector的各个级别:
1.杜绝对tag或id定义样式(id for js, tag for html, class for css),
2.杜绝使用”前辈后辈”式选择(只用父子式选择, ie6要用expression实现).
每个html小模板块对应一个css style块(供搜索引擎使用的公众页里)或css link文件(不怕文件零碎, 因静态文件浏览器会缓存, 而且ajax程序一个页面可能调无数小模板块(还可能是从外部网站调用的), 把css集中到一个文件不现实, 子模板也应该是一个一个的小文件),并且该css style块或css link文件内所有rule都以对应的html块的顶层class开头(最好前缀”tpl_”以跟下级class区分).

By: OoSleePinG

OoSleePinG — Tue, 10 Mar 2009 13:55:24 +0000

还一个很难避免的问题就是haslayout，一旦主站对某selector触发了haslayout，那后果还是很难想的。
前缀是很好的解决办法。
优先级还是问题，假若#id#id这样的selector的module 下有定义tag，其子元素有#clearAllStyle那影响是肯定的。

By: 小麦

小麦 — Tue, 10 Mar 2009 13:05:59 +0000

@OoSleePinG: 你说得对。所以我说是一个不完善的方案。

不过如果类名起的独特，比如每个都加一个独特的前缀。大部分的冲突还是可以避开。甚至可以通过服务器端动态的变换类名。

另外你讲的lvha问题很关键。THX。

By: OoSleePinG

OoSleePinG — Tue, 10 Mar 2009 08:50:25 +0000

感觉基于#clearAllStyle下的开发应该会很麻烦，
#clearAllStyle内部会有两个问题
1.上面说的继承问题，所有模块都要定义下 #clearAllStyle .module *{}比较麻烦的估计就是font 和 text，定义会很频繁。
2.宿主网站页面应用浏览器私有属性问题，如果宿主站点对某个selector定义过某些浏览器下的私有属性也自然会影响到#clearAllStyle下元素的样式，概率比较小，要想解决又有点浪费。
外部的问题就是优先级问题
对于架构良好的网站来说，都会考虑到id优先级过高问题会避免或减少出现id，但#id#id这种的可能性也是很大的。
其他问题就是a，如果主站已经lvha了那这必须也得来一下了，a的默认色彩该的站点也是很多的。

By: Rock

Rock — Tue, 10 Mar 2009 06:42:18 +0000

遇到过这个问题,觉得完全没必要写的这么复杂.
因为任何一个网站除了a或者指定区域的html标签都不会进行泛定义.

By: gneheix

gneheix — Mon, 09 Mar 2009 13:59:13 +0000

我做backword的时候就遇到过这个问题

听Ethan说你要搬到北新泾来了？

lion