<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> 类选择器 </title>
<style type="text/css">
/*基本语法
.类选择器名称{
css属性:属性值;
}
补充:选择器名称命名规范:小写字母 .xxx-yyy{}
*/
.span-news{
font-weight:bold;/*粗体*/
background-color:pink;
color:black;
}
</style>
</head>
<body>
<span class="span-news">标题一</span>
<span class="span-news">标题一</span>
<span class="span-news">标题一</span>
<span class="span-news">标题一</span>
<span class="span-news">标题一</span>
</body>
</html>
Day.01.02 css之类选择器的简单案例
最后编辑于 :
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。
推荐阅读更多精彩内容
- 细节:1.一般来说id选择器提供给某一个html元素来使用2.当我们不确定,有多个html元素来使用该样式时,使用...