基础选择器之id选择器

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

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

#id名{属性1：属性值1；....
}

例如，将id为Nav元素中的内容设置为红色。

#nav {color：red；
}

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

每个标签都有一个属性叫id.
在同一界面中id名称是不可以重复的。
编写id选择器时，一定要在id前加上#。
id名称只能由字母，数字，下划线组成。[A-z0-9_], 但是不能由数字开头。
id名称不能是html标签名称。
在企业开发中一般如果仅仅为了设置样式，我们不会使用id,前端开发中id一般是给js使用的。

口诀：样式#定义，结构id调用，只能调用一次，别人切勿使用。

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible" content="IE=edge"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>基础选择器之id选择器</title><style>/* id选择器的口诀：样式#定义  结构id调用  只能调用一次  别人切勿使用 */#color {color: red;}</style>
</head>
<body><div id="color">首页</div>
</body>
</html>

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

类选择器（class）好比人的名字，一个人可以有多个名字，同时一个名字也可以被多个人使用。
id选择器好比人的身份证号码，全国是唯一的，不得重复。
id选择器和类选择器最大的不同在于使用次数上。
类选择器在修改样式中使用的最多，id选择器一般用于页面唯一性的元素上，经常和js搭配使用

基础选择器之id选择器相关推荐

基础选择器之id选择器(CSS、HTML)
基础选择器之id选择器(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta ch ...
基础选择器之通配符选择器（CSS、HTML）
基础选择器之通配符选择器(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta c ...
CSS基础选择器之标签选择器(CSS、HTML)
CSS基础选择器之标签选择器(CSS.HTML) <!DOCTYPE html> <html lang="en"> <head><meta ...
jQuery选择器之id选择器
页面的任何操作都需要节点的支撑,开发者如果快速高效的找到指定的节点也是前端开发中的一个重点.jQuery提供了一系列的选择器帮助开发者达到这一目的,让开发者可以更少的处理复杂选择过程与性能优化,更多专 ...
HTML基础选择器之属性选择器的基本介绍
CSS选择器之复合选择器
复合选择器: 目的是为了可以选择更准确更精细的目标元素标签复合选择器是由两个或多个基础选择器通过不同的方式组合的 1.后代选择器又称为包含选择器作用:用来选择元素或元素的 ...
深入学习jQuery选择器系列第四篇——过滤选择器之属性选择器
前面的话属性过滤选择器的过滤规则是通过元素的属性来获取相应的元素,对应于CSS中的属性选择器.属性过滤选择器可分为简单属性选择器.具体属性选择器和条件属性选择器三种.本文将详细该部分内容简单属性选 ...
html层次选择器例题,详解强大的jQuery选择器之基本选择器、层次选择器
jQuery允许开发者使用从CSS1到CSS3几乎所有的选择器,以及jQuery独创的高级而复杂的选择器.另外还可以加入插件使其支持XPath选择器,甚至开发者可以编写属于自己的选择器(即选择器插件, ...
jquery选择器之基本选择器
1.jquery的基本选择器常用的基本选择器有一下几种: 1.1.id选择器 1.2.类选择器 1.3.元素选择器 1.4.通用选择器:* 1.5.分组选择器. 以下是基本选择器的详细解释.

基础选择器之id选择器

基础选择器之id选择器相关推荐

最新文章

热门文章