DataLearner 标志

类选择器

2,663 阅读
	<style type="text/css" media="screen">
			  /*类选择器.就是类的符号  class属性和id属性相似任何标签都可以携带
	  但是class属性可以重复*/
.yanse{
	  	color: red;
	  }
.daxiao{
	  	font-size: 50px;
	  }
	  /*类尽可能的小 从而让更多的标签可以选择 尽量不要用一个类完成一个标签的所有样式*/
	</style>
     <!-- 正确的思路 就是用所谓的“公共类”  用类提供公共服务 比如设定好颜色粗细大小的类 让标签自己选择想要的类
     一般来说css层面不用id属性  因为js需要id属性得到标签
     所以除非特别情况 一般不用id而用class来定制样式-->
</head>
<body>
     <h3>我是一个h3</h3>
     <h3 class="yanse daxiao">我是一个h3</h3>   <!-- 同一标签可以属于多个类 中间用空格隔开 而不是用两个class标记-->
     <h3>我是一个h3</h3>
     <p class="daxiao">我是一个段落</p>
     <p class="yanse">我是一个段落</p>
     <p>我是一个段落</p>

</body>

DataLearner 官方微信

欢迎关注 DataLearner 官方微信,获得最新 AI 技术推送

DataLearner 官方微信二维码