CSS 基本选择器&优先级

选择器

  选择器就是指定css要作用的标签,呢么标签的名字就是选择器。意为:选择哪个容器。
选择器一共有3种:

a) html 标签名选择器。使用html的标签名。
b) class 选择器。其实使用的标签中的 class 属性。
c) id 选择器。其实使用的是标签中的 id 属性。

  每一个标签都定义了 class 属性和 id 属性。用于对标签进行标识,方便对标签进行操作。在定义中,多个标签的class属性可以相同,而 id 值要唯一,因为 JavaScript 中经常用。

class选择器

  在标签中定义 class 属性并赋值。通过 标签名 .class 值 对该标签进行要是设置。
  相同标签设置不同的样式的时候,用 class 进行区分。

p.class_1 { color:#FF0000; }
p.class_2 { color:#0000FF; }

  不同的标签相同的设置的时候,用 class 进行统一定义。
  

.classname { color:#00FF00; }
<p class="classname">P标签样式</p>
<div class="classname">DIV标签样式</div> 


id选择器

  与 class 选择器类似,但是格式不同,选择器的名称为: #id值

#pid { color:#0000FF; }
<p id="pid">P标签样式</p>

  多个标签同样可以定义相同的 id 值,但是对于 JavaScript 对标签元素的获取就会出错。所以形成习惯,确保id值的唯一性对于以偶的数据库设计也很有好处。

选择器优先级

标签选择器 < 类选择器 < id选择器 < style属性


这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值