CSS多类选择器详解

作者:风筝 | 创建时间: 2023-07-11
本文主要介绍CSS选择器中的多类选择器。...
CSS多类选择器详解

操作方法

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

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

下图是浏览器中的效果图

下面,我们再在body中添加一句:“<p class="多类1 多类2 多类3">这是多类选择器的最后一个测试</p>”,其中class命名均以空格隔开,最后如下图所示:

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

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

点击展开全文

更多推荐