本文通过一个具体的HTML页面示例，展示了不同CSS选择器的效果差异，特别是在IE与Firefox浏览器之间的表现区别，帮助读者理解CSS选择器的具体作用及浏览器兼容性问题。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml" xmlns:o="urn:schemas-microsoft-com:office:office"><head><meta http-equiv="Content-Language" content="zh-cn" /><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>CSS TEST</title>
<style>
#quickSummary
{
font-size: 14px; color: black;
}#quickSummary > p + p{ color: red;}#quickSummary > p + p + p + p{ color: inherit;}/* The next example is a easier way to set part of the element, but only in CSS3#quickSummary p:nth-child(4){ color: blue;}
*/</style></head><body><div id="quickSummary"> <p>Designing For Flexibility</p> <p>Now, this is the first one.</p> <p>And this is the second.</p> <p>This is the third.</p> <p>Wait, this is the last one!</p></div></body></html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
