真是够混乱的。ie 6.0 | opera 8.01 | firefox 1.0+20050323

</p> <p style="color:#fff;background:#780e1a;">Test for set style.</p> <p><button onclick="document.getElementsByTagName('p')[0].style='color:#000;background:#eee;'">set style(op only)</button></p> <p><button onclick="document.getElementsByTagName('p')[0].style.cssText='color:#000;background:#eee;'">set style(ff & ie)</button></p> <p><button onclick="document.getElementsByTagName('p')[0].setAttribute('style','color:#000;background:#eee;')">set style(ff & op)</button></p> <p><button onclick="document.getElementsByTagName('p')[0].getAttribute('style').setAttribute('cssText','color:#000;background:#eee;')">set style(ie only)</button></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

第一个通用；第二个IE不行；第三个IE可以，ff,op不行

</p> <style> <p>.t1 {color:red;}</p> <p>.t2 {color:blue;}</p> </style> <p class="t1">This is just a test.</p> <p><button onclick="document.getElementsByTagName('p')[0].className='t2'">change style class</button></p> <p><button onclick="document.getElementsByTagName('p')[0].setAttribute('class','t2')">change style class(not_ie)</button></p> <p><button onclick="document.getElementsByTagName('p')[0].setAttribute('className','t2')">change style class(ie)</button></p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

也是仅对 mozilla 类浏览器。

</p> <style type="text/css"> <p>:root {</p> <p>background-color: #000000;</p> <p>padding: 150px;</p> <p>color:#fff;</p> <p>}</p> </style> <p>The :root pseudo-element selects the root of all blocks in the page, ie. the Initial Containing Block.</p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

注意：很奇怪，直接运行有点问题，是灰色，另存为 htm 正确。（mozilla 有效，opera ie 无效）

</p> <style type="text/css"> <p>::selection {background:#cc0000;color:#fff}</p> <p>::-moz-selection {background-color:red;color:#fff}</p> </style> <p>选择这段文字看看？</p> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

只有 gecko 浏览器支持。

div.test1 *:not(span) 表示 div.test1 下所有非span的元素；

div:empty 表示所有空的（没有内容） div

</p> <style> <p>div.test1 *:not(span) {color:red}</p> <p>div.test2 {width:200px;height:20px;background:#369;margin:2px;color:#fff}</p> <p>div:empty {background:red}</p> </style> <div class="test1">guoshuang is <span>learning</span><strong> styleSheet.</strong></div> <div class="test2">this has some content.</div> <div class="test2"></div> <p> [Ctrl+A 全部选择 提示：你可先修改部分代码，再按运行]

很有意思的文章，正反两面，管它“猫”还是“咪”，只要能解决实际问题就行。

AJAX的七宗罪

http://duduwolf.winzheng.com/post/115.asp

ajax有罪？说点反对意见

http://blog.devep.net/virushuo/2005/05/19/1116477730328.html

相关资料

Ajax内部交流文档

http://duduwolf.winzheng.com/post/103.asp

以下为引用内容:

---

Ajax这个概念的最早提出者Jesse James Garrett认为：

　　Ajax是Asynchronous JavaScript and XML的缩写。

　　Ajax并不是一门新的语言或技术,它实际上是几项技术按一定的方式组合在一在同共的协作中发挥各自的作用,它包括

　　使用XHTML和CSS标准化呈现;

　　使用DOM实现动态显示和交互;

　　使用XML和XSLT进行数据交换与处理;

　　使用XMLHttpRequest进行异步数据读取;

　　最后用JavaScript绑定和处理所有数据;

---