月度归档： 2006 年 12 月

发布于

神运无敌档

XBOX360从小总是被教育天才是99%的勤奋加1%的天才，一直相信只要努力就可以“成功”。工作的日头长了，才明白再努力也抵不过运气好，天才都是1%的天才加99%的运气，努力这回事，都已经是天才了，还用的着吗？

而我，就是一个没有运气的人。且不说买彩票没中过，就连前年公司年底搞新年晚会上的抽奖，人人都抽中好多奖了，我都抽不中。后来，老板实在看不过去，就把她抽中的奖送了给我，搞的我很被动。

就在我认为我是一个一点运气都没有的人的时候，我忽然发现人走起狗屎运来也是档也档不住。2次丢文件都能找回来也就罢了，居然两次丢钱包也都找回来，接着是在机会极微极微的公司年度聚餐上，再次连着两次抽中XBOX360（第一次是掉出来的，所以不算）。

当然，一切的一切也是有代价的。为了配合我的XBOX，我现在需要花CA$1000-1500买高清晰电视，$500买音响，$150游戏方向盘一个，$40-100遥控器一个，若干$买无线游戏杆，若干$买XBOX游戏，如果YK嫌我打游戏的干扰她，还得再买个好耳机。

发布于

CSS 2.1 的语言选择符及不同浏览器的支持

公司准备搞多语言版，因此想到css支持多国语言的能力。找了些资料看看，发现CSS 2.1就已经支持多国语言的选择符，可以根据文字的不同语言定义不同的风格。比如，网页中的中文往往就比英文要大一号字，同样大小的字体，不是英文不好看就是中文不好看。应用语言选择符就可以解决这个问题。但是随之而来的是不同的浏览器的支持又不尽相同…

CSS 2.1里一共定义了两种语言选择符：属性选择符号(Attributes Selector)和虚拟选择符(Pseudo Selector)。如下：

E[att=val]
E:lang(c)

应用在不同语言上，可以是：

语言为英文：div[lang="en"]{}
语言为中文：div:lang(zh){}

可惜不是所有的浏览器都支持多语言选择符，支持如下：

  • IE 7, 仅支持属性选择符
  • Firefox 2.0, 两者皆支持。没有检验Firefox 1.5，但应该是一样的。
  • Opera 9，两者皆支持。

下面的范例中，供有3个DIV标签构成的长条，每个标签均设置了不同的语言：英文，中文及日语。下面的CSS选择符分别为不同的语言设置了不同的背景颜色。

蓝色背景
红色背景
在IE7里是橙色，在Firefox和Opera里是绿色。

以下4个不同的CSS选择符根据以上方框的语言属性分别设置了不同的背景颜色，前3个选择符为属性选择符，最后一个为虚拟选择符。由于IE6不支持任何一种选择符，所以三个方框都是白色背景，IE7里分别是蓝色，红色和橙色。Firefox和Opera支持虚拟选择符，所以在Firefox和Opera里，最后一个不是成色，而是绿色。

完整的CSS代码：
div[lang="en"]{
background-color: blue;
}
div[lang="zh"]{
background-color: red;
}
div[lang="ja"]{
background-color: orange;
}
div:lang(ja){
background-color: green;
}