您的位置：首页 > Web前端 > CSS

ID选择器和类选择器

2017-02-06 00:05 344 查看

什么是ID选择器呢

ID选择器的作用是根据指定的id名称，找到对应的标签，然后设置属性。

注意点：使用的时候必须在id的前面加上一个#才会有效。

例如：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>id选择器</title>
<style type="text/css">
#id1{
font-style: italic;
color:blue;
text-align:center;
}
#id2{
color: rgb(255,0,90);
}
</style>
</head>
<body>
<p id="id1">id选择器</p>
<p id="id2">我是文本</p>
</body>
</html>

注意点：①在同一个界面中，id的名称是不可以重复的。

②在id名称的前面一定要加上一个#。

③id名字的组成只能由字母/数字/下划线组成。并且满足变量的写法，不能以数字开头。

------------------------分割线-------------------------

什么是类选择器呢？

类选择器的作用就是根据指定的类名找到对应的标签，然后设置属性。

每一个HTML的标签都有一个属性class

格式：

.类名{

睡醒：值;

}

正确的写法：<标签名称 class="类名1
类名2">

错误的写法：<标签民称 class="类名1" class="类名2">

注意点：

①一个标签可以同时绑定多个类名。

②类名就是用来给特定的标签设置样式的

③类名的命名规范和id的命名规范是一样的

-----------------------------分割线---------------------------

1.id和class的区别

id相当于人的身份证，是不可以重复的

class相当于人的名称，是不可以重复的

2.

一个HTML标签只能绑定一个id名称

一个HTML标签可以绑定多个class名称

3.id选择器和class选择器的区别：

id选择器是以#开头

class选择器是以.开头

4. 一般情况下不要使用id来设置样式，一般用class设置样式

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： 心得前端 css 博客标签选择器

相关文章推荐

新的分享

章节导航