CSS相关知识介绍

2. 如何让<h3>始终为黑色，而<em>在不被<h3>包含的情况为红色：

运行代码框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="gb2312" /> <title>test</title> <meta name="Author" content="doyoe(飘零雾雨), edzmaster@gmail.com" /> <style type="text/css"> h3,h3 em { color:#000; } em { color:#f00; } </style> </head> <body> <h3>讨论<em>CSS</em>优先级</h3> <p>讨论<em>CSS</em>优先级</p> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

固定效果：

固定代码：

3. 如何写一个外部样式使得
<h3 style="color:#000;"> 覆盖我</h3>
的颜色为红色：

运行代码框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="gb2312" /> <title>test</title> <meta name="Author" content="doyoe(飘零雾雨), edzmaster@gmail.com" /> <style type="text/css"> h3 { color:#f00!important; } </style> </head> <body> <h3 style="color:#000;">覆盖我</h3> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

4. 如何让同时具有.a,.b样式的元素只表现.a的颜色样式：

运行代码框
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="gb2312" /> <title>test</title> <meta name="Author" content="doyoe(飘零雾雨), edzmaster@gmail.com" /> <style type="text/css"> .b { color:#000; } .a { color:#f00; } </style> </head> <body> <p class="a b">传说中滴测试</p> </body> </html>

[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

固定代码：

<p class="a b">传说中滴测试</p>

关于样式优先级，今天就先聊到这。

<div class="test">传说中的测试</div>
<p class="test">传说中的测试</p>

文章共4页: [1] [2] [3] [4]

更多的CSS相关知识介绍请到论坛查看: http://BBS.TC711.COM

【双击滚屏】【评论】【收藏】【打印】【关闭】来源：网页教学网日期：2009-6-21