首页 > 代码库 > CSS选择符
CSS选择符
群选择符:可以对一组对象进行相同的样式指派。
h1,h2,h3,p,span{
font-size:12px;
font-family:"宋体";
}
使用逗号对选择符进行分隔,使得页面所有的h1、h2、h3、p、span均具有相同的样式定义,这样做的好处是使页面中需要使用相同样式的地方
只需要书写一次样式表即可实现,减少代码量,改善了CSS代码的结构。
派生选择符:
h1 span{
font-weight:bold;
}
当只想对某一个对象中的“子”对象进行样式指定时,派生选择符就派上了用场。派生选择符指选择符组合中的前一个对象包含后一个对象,
对象之间使用空格作为分隔符。
这样做能避免过多的id及class的设置,直接对需要设置的元素进行设置。(可以多级)
id选择符:
<div id="top"></div> //每个id名称只能使用一次
在CSS样式中,id选择符使用#进行标识:
#top{
font-size:14px;
line-height:130%; <!--设置行间距-->
}
id的基本作用是对每一个页面中唯一出现的元素进行定义,如可以将导航条命名为 nav,将网页头部和底部命名为 header 和 footer 。
有助于代码阅读及使用。
类别选择符:
用类选择符能够把相同的元素分类定义为不同的样式,在定义类选择符时,需在自定类的名称前面加一个点号。
.right{
text-align:right;
}
CSS选择符