第2章选择器 =>简单的属性选择器 P44

conkeyn

浏览: 1540683 次
性别:
来自: 厦门

最近访客更多访客>>

fuyun10036

yl4257891

ja_1991

chenzehe

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

CSS XHTML HTML

如果希望选择有某个属笥的元素，而不论该属性值是什么，可以使用一个简单属性选择器。例如，要选择有class属性（值不限）的所有h1元素，使其文本为银色，可以写作：

h1[class] {color:silver;}

将匹配以下元素：

<h1 class="hoopla">Hellp</p>

<h1 class="severe">Serenity</p>

<h1 class="fancy">Fooling</p>

以上三个<h1>元素不论class值是什么，只有<h1>元素中包含有class属性，那将会应用 h1[class] 的的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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test44.html</title>
<style type="text/css">
h1[class]{
	color:silver;
}
</style>
</head>

<body>
<h1 class="hoopla">Hello</h1>
<h1 class="severe">Serenity</h1>
<h1 class="fancy">Fooling</h1>
</body>
</html>

显示效果：

示例2，为了将同时有href和title属性的HTML超链接的文本置为粗体，可以写作：

a[href][title]{font-weight:blod;}

查看图片附件

分享到：

第2章选择器 =>属性值选择器 P46 | 第2章选择器 =>多类选择器 P41

2009-04-26 22:53
浏览 1288
评论(0)
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

第2章选择器 =>简单的属性选择器 P44

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

第2章 选择器 =>简单的属性选择器 P44

评论

发表评论

相关推荐

clear在CSS中的妙用

多浏览器测试的利器-IETester,自带IE5.5,IE6,IE7,IE8等多个内核.

CSS IE 和 Firefox 的区别

第6章 文本属性==>文本缩进 P141

第6章 文本属性==>文本缩进 P135

第5章 字体

第3章 结构和层叠 => 特殊性(优先级) P69

CSS 样式学习库

第2章 选择器 =>伪类和伪元素 P57

第2章 选择器 =>选择相邻兄弟元素P56

第2章 选择器 =>特定属性选择类型 P49

第2章 选择器 =>属性值选择器 P46

第2章 选择器 =>多类选择器 P41

第2章 选择器 =>类选择器 P39

第2章 选择器 =>选择器分组 P34

第2章 选择器 =>选择子元素 P54

第1章 CSS和文档局 => @import指令

第1章 CSS和文档局 => link标记 P19

CSS入门4：css选择符

最近访客更多访客>>

第2章选择器 =>简单的属性选择器 P44

第6章文本属性==>文本缩进 P141

第6章文本属性==>文本缩进 P135

第5章字体

第3章结构和层叠 => 特殊性(优先级) P69

第2章选择器 =>伪类和伪元素 P57

第2章选择器 =>选择相邻兄弟元素P56

第2章选择器 =>特定属性选择类型 P49

第2章选择器 =>属性值选择器 P46

第2章选择器 =>多类选择器 P41

第2章选择器 =>类选择器 P39

第2章选择器 =>选择器分组 P34

第2章选择器 =>选择子元素 P54