id 和 class的区别

  • id 选择器

ID 只能被指定单个元素使用,无法多个元素使用。像你的身份证号,是唯一的,
id 选择器以 “#” 来定义。
id选择器的优先级高于class选择器的优先级的

# userid {
       text-align:center;
       color:red; 
}



注: ID属性不要以数字开头

  •  class 选择器

class可以在多个元素中使用,多个元素拥有同个样式;像名字,好多人可以叫同个名字
class 选择器 以一个点"."号显示:

 

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
.name {
        text-align:center;
        color:red;
}
</style>
</head>

<body>
<h1 class="name">我叫马冬梅</h1>
<p class="name">这么巧,我也叫马冬梅</p> 
</body>
</html>


这里h1 和p标签都使用了class=“name”,那么这2个元素字体都居中和颜色为红色
注:类名的第一个字符不能使用数字

  • 什么时候使用id?什么时候使用class?

    一般网站分为头部,主体部分,脚部。因为考虑到这些地方在同一个页面只会出现一次,所以用id 。

   当页面中用到js或者要动态调用对象的时候,要用到id。除了上述情况下,都是使用class来命名的

猜你喜欢

转载自www.cnblogs.com/CMM-683168/p/12367772.html
今日推荐