为您解读CSS优先级（4）

作者：dh20156 来源：css探索之旅-飘零雾雨的庄园时间：2009-06-18 18:29:00　

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>

固定效果：

固定代码：

<h3>讨论<em>CSS</em>优先级</h3>
<p>讨论<em>CSS</em>优先级</p>

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>

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>

固定代码：

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

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

第一页上一页 1 2 3

标签：css,优先级,继承

投稿

为您解读CSS优先级（4）

猜你喜欢

在Django中动态地过滤查询集的实现

利用Yahoo Pipes和jQuery做一个RSS挂件

python等间距取值方式

Python出现segfault错误解决方法

python实现12306登录并保存cookie的方法示例

python实现将json多行数据传入到mysql中使用

三谈Iframe自适应高度

使用SqlBulkCopy时应注意Sqlserver表中使用缺省值的列

Python re正则表达式元字符分组()用法分享

用Go写一个轻量级的ssh批量操作工具的方法

python登录WeChat 实现自动回复实例详解

python PyTorch预训练示例

Django 全局的static和templates的使用详解

SQL Server端口更改后的数据库连接方式

简单介绍Python虚拟环境及使用方法

python中列表元素连接方法join用法实例

Python中sys.argv用法图文详解

msxml3.dll (0x80070005)拒绝访问　解决方法

google地图的路线实现代码

Tortoise-orm信号实现及使用场景源码详解

为您解读CSS优先级（4）

猜你喜欢

在Django中动态地过滤查询集的实现

利用Yahoo Pipes和jQuery做一个RSS挂件

python等间距取值方式

Python出现segfault错误解决方法

python实现12306登录并保存cookie的方法示例

python实现将json多行数据传入到mysql中使用

三谈Iframe自适应高度

使用SqlBulkCopy时应注意Sqlserver表中使用缺省值的列

Python re正则表达式元字符分组()用法分享

用Go写一个轻量级的ssh批量操作工具的方法

python登录WeChat 实现自动回复实例详解

python PyTorch预训练示例

Django 全局的static和templates的使用详解

SQL Server端口更改后的数据库连接方式

简单介绍Python虚拟环境及使用方法

python中列表元素连接方法join用法实例

Python中sys.argv用法图文详解

msxml3.dll (0x80070005)拒绝访问 解决方法

google地图的路线实现代码

Tortoise-orm信号实现及使用场景源码详解

msxml3.dll (0x80070005)拒绝访问　解决方法