本文介绍 css 中 class 选择器的基本用法:为同一个类型的标签设置属性。
class选择器的使用.redStyle {color: red}
.greenStyleForSpan span {color: green}
table.blueStyle td {background-color:#99f}
(一)redStyle类被定义在所有的html标签之上
我不拥有redStyle类
我是一个p,拥有redStyle类,所以我是红色的
我是一个h4,拥有redStyle类,所以我是红色的
(二)greenStyleForSpan类被定义在所有的html标签之上并且只对下属span有效
我是一个p,我所属的div具有greenStyleForSpan类。
我是一个span,我所属的div具有greenStyleForSpan类。
我是一个span,我自己具有greenStyleForSpan类。
(三)blueStyle类被定义为table的属性,并且只有table下属的td将应用这个属性。
(1)blueStyle类被使用在table上级的div中了,因此table之下的td没有应用blueStyle属性
省份 | 面积 |
---|---|
河南省 | 16.8 |
湖北省 | 18.1 |
(2)blueStyle类被使用在table中了,因此table之下的td应用了blueStyle属性,而table之下的p和th则没有应用这个属性。
我是table中的一个p
省份面积河南省16.8湖北省18.1效果图: