css3基础100问之类选择器用法-多类名是怎样使用的呢？（17）

最新推荐文章于 2023-03-29 10:40:09 发布

㼛思雨

最新推荐文章于 2023-03-29 10:40:09 发布

阅读量422

点赞数

分类专栏： css3基础100问文章标签： css3 html

本文链接：https://blog.csdn.net/weixin_45147894/article/details/106468047

版权

css3基础100问专栏收录该内容

100 篇文章 8 订阅

订阅专栏

类选择器特殊用法- 多类名（只能用于类class选择器而id选择器不行）

我们可以给标签指定多个类名，从而达到更多的选择目的。

注意：

- 各个类名中间用空格隔开。
- 多类名选择器在后期布局比较复杂的情况下，还是较多使用的。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
  .out{
	  width:100px;
	  height:100px;
	  }
  .red{ 
      background:red;
	  }
  .blue{
	   
	    background:blue;
	}
</style>
</head>

<body>
   <div class="out red">吴亦凡</div>
   <div class="out blue">肖战</div>


</body>
</html>

㼛思雨

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css3基础100问之类选择器用法-多类名是怎样使用的呢？（17）

类选择器特殊用法- 多类名（只能用于类class选择器而id选择器不行）我们可以给标签指定多个类名，从而达到更多的选择目的。<img src="media\lei.png" />注意：- 各个类名中间用空格隔开。- 多类名选择器在后期布局比较复杂的情况下，还是较多使用的。<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</t.
复制链接

扫一扫