本文主要介绍CSS选择器中的多类选择器。
工具/原料
1
电脑
2
浏览器
方法/步骤
1
在CSS中存在着许多选择器,其中类选择器中更是存在着一种名为“多类选择器”,下面小编就将详细讲解下多类选择器。首先,我们先创建一下环境。
2
创建好环境后,我们对这三句话添加下样式,分别为:多类1变蓝色,多类2变斜体,多类3改变字体大小,如图:
3
下图是浏览器中的效果图
4
下面,我们再在body中添加一句:“
这是多类选择器的最后一个测试
”,其中class命名均以空格隔开,最后如下图所示:5
那么,效果图也相应的有了变化,“这是多类选择器的最后一个测试”拥有了上面3个的全部效果!
6
这就是多类选择器,他将会把所选的效果都添加上,在有的时候,就会显的十分方便。