您的位置:首页 > Web前端 > CSS

CSS学习之第二章《选择符与结构》(2)

2005-12-16 10:48 253 查看
类选择符和ID选择符
除了基本的文档元素外,还有两个其它的选择符:类(class)选择符和ID选择符,它们充许以独立于文档元素的方式来分配样式规则的应用,这些选择符即可以独立运用,也可以和元素选择符合用。
类选择符:类选择符必需以.开头,它可以帮助类选择符与其他元素相分离。也可以组合在一起使用,像元素选择符一样。
例:
<style type="text/css">
.warning{font-weight:bold;}
p.warning{font-weight:bold;}
</style>
HTML文档:
<p class="warning">使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~</p>
<p>使用类选择符的结果~<span class="warning">使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~</span>使用类选择符的结果~</p>
结果如下:

.warning{font-weight:bold;}
p.warning{font-weight:bold;}
使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~使用类选择符的结果~
ID选择符:声明ID选择符前面必需有#号,而不是.句点。如:#first-para{font-weight:bold;}。
类和ID的区别:类选择符可以重复使用,ID选择符只能在某个HTML文档中使用一次。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: