css学习06：id选择器

id选择器可以为标有特定id的HTML元素指定特有的样式

HTML元素以id属性来设置id选择器，css中id选择器以“#”来定义

语法：
#id名 {

属性1:属性值1;

........

}

举例：将id为nav元素中的内容设置为红色

#nav{

color:red;

}

注意：id属性只能在每个html文档中出现一次。

举例：当一个标签A调用了id属性a，则标签B不能再调用id属性a

id选择器和类选择器的区别：

1 类选择器（class）好比人的名字，一个人可以有多个名字，同时一个名字也可以被多个人使用

2 id选择器好比人的身份证号码，全国是唯一的，不得重复

3 id选择器和类选择器最大的不同在于使用次数上

4 类选择器在修改样式中用的最多，id选择器一般用于页面唯一性元素上，经常和JS搭配使用

代码演示：

页面效果展示：

css学习06：id选择器相关推荐

CSS中的id选择器和class选择器简单介绍
<!-- CSS中选择器 CSS有两种选择器id和class,总之如果说你想在HTML元素中设置CSS属性, 你要在元素中设置id和class选择器.那么我们现在来一个一个的介绍这两中选择器 i ...
【温故知新】CSS学习笔记（选择器）
选择器(选择符) 目的是选择目标元素(选择标签用). 这里我们介绍四种基础选择器. 1.标签选择器之前的例子都属于标签选择器,可以把某一类的标签全部选择出来: 2.类选择器上面点声明,下面clas ...
CSS学习笔记之选择器（一）
目录 CSS选择器标签选择器 id选择器 class选择器后代选择器群组选择器 * CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明: 选择器通常是您需要改变样式的 HTML 元素. ...
CSS学习笔记 2.选择器.常用.复合.关系选择器
一.常用选择器 1.元素选择器(标签选择器) 使用HTML标签作为选择器的名称 p{color:green;font-size:20px;/* 1元素选择器根据标签名来选中元素 */}/* 此为cs ...
CSS 学习路线(二)选择器
选择器规则结构: 分两个基本部分选择器(selector)和声明块(declaration block) 组成声明块:由一个或多个声明组成,每一个声明都是属性-值对选择器分为:元素选择器,类选 ...
html类选择器和id选择器,CSS Id 和 Class选择器
CSS Id 和 Class选择器如果你要在HTML元素中设置CSS样式,你需要在元素中设置"id" 和 "class"选择器. 一.id 选择器 id 选择 ...
CSS ID选择器与类选择器的区别
CSS中ID选择器与类选择器的用法看起来很相似,但是它们有以下两个区别 1.原则上ID选择器只能使用一次,而类选择器可以不限次数使用 <html> <head><styl ...
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 ...
ID选择器和类选择器的合理使用
一.什么是ID选择器和类选择器作为CSS选择器的最主要的两大选择器:ID选择器主要指的是通过DOM(Document Object Model)节点的ID选取节点,例如代码 1 <!DOCTY ...

css学习06：id选择器

css学习06：id选择器相关推荐

最新文章

热门文章