电话
13363039260
CSS的 id选择器的代码详解
2024-01-18 15:28 小编
我们知道class选择器，在一个同一个页面中可以使用多次，但是如果我想找到页面中唯一的元素怎么办，尤其是我们学习到后面的知识点，比如在js语言中，我们使用id的这种方式比较多。所以我来看一下id选择器的使用及其特点，id选择器的特点就是具有唯一性，这意味着同一id在同一文档页面中只能出现一次。那他的使用也是先定义后使用，定义的时候使用特殊符号“#”号+id名的方式定义的，使用id这个关键字进行引用。注意id名的规范：使用驼峰式命名（idName），或使用下划线式（id_name）命名,不能使用中文，不要以数字开头及区分大小写的规范.好了，我们来看一下他的语法。
代码：
<!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 id="myColor">我是h3标签</h3>
<p>我是段落标签</p>
<p>我是段落标签</p>
<p>我是段落标签</p>
<input type="button" value="提交" />
<input type="button" value="提交" />
</body>
</html>
猜你喜欢
联络方式：
13363039260
微信二维码 