CSS中类别选择器的语法应用

2024-01-18 15:29 小编

 类别选择器 ,大家都知道我们全局选择器是让页面中所有的标签具有相同的样式,标签选择器是让页面中相同的标签具有了相同的样式,那如果我们让相同的标签具有不同的样式或者不同的标签具有相同的样式怎么办呢?那就是定义我们的类别选择器,类别选择器的特点是先声明,后使用,一次定义多次使用,使用特殊符合“.+类名的方式定义,用class这个关键字在标签中引用,注意类名的规范:使用驼峰式命名(className),或使用下划线式(class_name)命名,不能使用中文,不要以数字开头及区分大小写的规范,好了,我们来看一下语法:

语法:

.className{}

<h3 class=className>内容一</h3>

<h3 class=className>内容二</h3>

<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>

<h3>我是h3标签</h3>

<h3>我是h3标签</h3>

<h3>我是h3标签</h3>

<p>我是段落标签</p>

<p>我是段落标签</p>

<p>我是段落标签</p>

<input type="button" value="提交" />

<input type="button" value="提交" />

</body>

</html>


Tag: 选择
在线咨询 拨打电话

电话

13363039260

微信二维码

微信二维码