HTML中的三大选择器

1）标签选择器

标签选择器其实就是我们经常说的html代码中的标签。例如html、span、p、div、a、img等等；比如我们想要设置网页中的p标签内一段文字的颜色，那么css代码就如下所示：

<style>p{color：red；}
</style>
<body><p>我是一段文字</p>
</body>

2）类选择器

类选择器在我们今后的css样式编码中是最常用到的，它是通过为元素设置单独的class来赋予元素样式效果。

<head><style>.p1{color: red;}</style>
</head>
<body>
<p class="p1">我是一段文字</p>
</body>

注意：
1、类选择器都是使用英文圆点（.）开头；
2、每个元素可以有多个类名，，名称可以任意起名（但不要起中文，一般都是与内容相关的英文缩写）
3、类选择器只会改变类下的元素样式，而不会改变其它标签的默认样式；

3）ID选择器

ID选择器类似于类选择符，作用同类选择符相同，但也有一些重要的区别。

使用语法：

<head><style>#p1{color: red;}</style>
</head>
<body>
<p class="p1" id="p1">我是一段文字</p>
</body>

注意：

1、ID选择器为标签设置id=“ID名称”，而不是class=“类名称”。

2、ID选择符的前面是符号为井号（#），而不是英文圆点（.）。

3、ID选择器的名称是唯一的，即相同名称的id选择器在一个页面只能出现一次；

三个选择器的优先级是：ID选择器>类选择器>标签选择器

HTML中三大基础选择器相关推荐

css复合选择器和基础选择器、css三大特性
复合选择器在css中,复合选择器是建立在基础选择器之上,对基本选择器进行组合形成的. 常用的复合选择器:后代选择器.子选择器.并集选择器.伪类选择器 (1)后代选择器后代选择器又称为包含选择器,可 ...
js进阶 10-4 jquery中基础选择器有哪些
js进阶 10-4 jquery中基础选择器有哪些一.总结一句话总结: 1.群组选择器用的符号是什么? 群组选择器,中间是逗号 2.jquery中基础选择器有哪些? 5种,类,id,tag,群组, ...
css实例 css中id/class 详解样式表（外部样式表内部样式表内联样式 7种基础选择器多重样式优先级错误理解）[第一天]
文章目录 css实例 css中的id css中的class 样式表外部样式表内部样式表内联样式 7种基础选择器多重样式优先级错误理解 css实例 CSS 规则由两个主要的部分构成:选择器,以 ...
【Netty】NIO 简介 ( NIO 模型 | NIO 三大组件 | 选择器 Selector | 通道 Channel | 缓冲区 Buffer | NIO 组件分配 | 缓冲区示例 )
文章目录 I . NIO 模型 II . NIO 三大组件交互流程 III . NIO 缓冲区 IV . NIO 与 BIO 对比 V . NIO 线程分配 VI . 缓冲区 ( Buffer ) 示 ...
CSS基础「一」基础选择器 / 字体属性 / 文本属性 / 三种样式表
前言:本篇文章为 CSS 基础系列笔记第一篇,参考黑马程序员pink老师前端入门教程如有侵权联系删除,如有问题欢迎指出. 其他CSS基础相关文章: CSS基础「二」复合选择器 / 元素显示模式 / ...
CSS（简介、基础选择器、字体属性、文本属性、引入方式）
文章目录 1.CSS简介 1.1HTML的局限性 1.2CSS-网页美容师 1.3CSS语法规范 2.CSS基础选择器 2.1选择器的作用 2.2选择器的分类 2.3标签选择器 2.4类选择器 2.5 ...
前端与移动开发-----CSS（语法规范+基础选择器+文本属性）
CSS css简介 1,CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称.. 2,有时我们也会称之为 CSS 样式表或级联样式表. 3,CSS 是也是一种标记语言 . ...
css学习（第一天）（css基础选择器，css字体属性，css文本属性，css引入方式）
CSS第一天 1.css简介 1.1 html的局限性 1.2 css-网页的美容师 1.3 css语法规范 1.4 css代码风格 1.4.1 样式格式书写 1.4.2 样式大小写风格 1.4.3 ...
02CSS基础选择器
1.CSS选择器的作用 <div>我是div</div> <div>我是div</div> <p>我是段落</p> <ul ...

HTML中三大基础选择器

HTML中的三大选择器

三个选择器的优先级是：ID选择器>类选择器>标签选择器

HTML中三大基础选择器相关推荐

最新文章

热门文章