本文小编为大家详细介绍“CSS中类别选择器的语法是什么”，内容详细，步骤清晰，细节处理妥当，希望这篇“CSS中类别选择器的语法是什么”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。
本文小编为大家详细介绍“CSS中类别选择器的语法是什么”，内容详细，步骤清晰，细节处理妥当，希望这篇“CSS中类别选择器的语法是什么”文章能帮助大家解决疑惑，下面跟着小编的思路慢慢深入，一起来学习新知识吧。
类别选择器 ，大家都知道我们全局选择器是让页面中所有的标签具有相同的样式，标签选择器是让页面中相同的标签具有了相同的样式，那如果我们让相同的标签具有不同的样式或者不同的标签具有相同的样式怎么办呢？那就是定义我们的类别选择器，类别选择器的特点是先声明，后使用，一次定义多次使用，使用特殊符合“.”+类名的方式定义，用class这个关键字在标签中引用，注意类名的规范：使用驼峰式命名（className），或使用下划线式（class_name）命名,不能使用中文，不要以数字开头及区分大小写的规范，好了，我们来看一下语法：
语法：
.className{}
<h4 class=”className”>内容一</h4>
<h4 class=”className”>内容二</h4>
<p class=”className”>内容三</p>
代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>CSS选择器</title>
<style type="text/css">
.myColor{
color:red;
}
</style>
</head>
<body>
<h4>我是h4标签</h4>
<h4 class="myColor">我是h4标签</h4>
<h4 class="myColor">我是h4标签</h4>
<p>我是段落标签</p>
<p class="myColor">我是段落标签</p>
<p>我是段落标签</p>
<input type="button" value="提交" class="myColor" />
<input type="button" value="提交" />
</body>
</html>
读到这里，这篇“CSS中类别选择器的语法是什么”文章已经介绍完毕，想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会，如果想了解更多相关内容的文章，欢迎关注编程网JavaScript频道。
--结束END--
本文标题: CSS中类别选择器的语法是什么
本文链接: https://www.lsjlt.com/news/93177.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0