多语言展示
当前在线:1840今日阅读:167今日分享:16

CSS多类选择器详解

本文主要介绍CSS选择器中的多类选择器。
工具/原料
1

电脑

2

浏览器

方法/步骤
1

在CSS中存在着许多选择器,其中类选择器中更是存在着一种名为“多类选择器”,下面小编就将详细讲解下多类选择器。首先,我们先创建一下环境。

2

创建好环境后,我们对这三句话添加下样式,分别为:多类1变蓝色,多类2变斜体,多类3改变字体大小,如图:

3

下图是浏览器中的效果图

4

下面,我们再在body中添加一句:“

这是多类选择器的最后一个测试

”,其中class命名均以空格隔开,最后如下图所示:

5

那么,效果图也相应的有了变化,“这是多类选择器的最后一个测试”拥有了上面3个的全部效果!

6

这就是多类选择器,他将会把所选的效果都添加上,在有的时候,就会显的十分方便。

推荐信息