1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > html.class选择器 CSS:class选择器的使用

html.class选择器 CSS:class选择器的使用

时间:2021-11-16 12:27:31

相关推荐

html.class选择器 CSS:class选择器的使用

本文介绍 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属性

(2)blueStyle类被使用在table中了,因此table之下的td应用了blueStyle属性,而table之下的p和th则没有应用这个属性。

我是table中的一个p

省份面积河南省16.8湖北省18.1

效果图:

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。