id选择器解析

心已赠人 2022-11-12 08:21 183阅读 0赞

鉴于标签选择器只能进行全局设置，而我现在想要对于同一标签在不同位置有不同的设计样式，所以这次学习下id选择器

## id选择器 ##

通过标签上id属性进行选择，作用范围：**只针对一个标签**

id其实就是标签的身份证号，具有**唯一性**，规定一个页面中不允许有同名id属性

**优点**：id属性的权重高             **缺点**：只能实现单选

书写语法：

> \# 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>测试</title>
        <style>
            #p1{
                color: red;
                font-size: 20px;
            }
        </style>
    </head>
    <body>
        <p id="p1">id选择器显示</p>
        <p>id选择器显示</p>
        <p>id选择器显示</p>
        <p>id选择器显示</p>
    </body>
    </html>

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MDY2Nw_size_16_color_FFFFFF_t_70][]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80MjI0MDY2Nw_size_16_color_FFFFFF_t_70]: /images/20221022/47b301724bac40f7b61999698ffa63a7.png

发表评论取消回复

表情：

评论列表（有 0 条评论，183人围观）

还没有评论，来说两句吧...

相关阅读

相关 css的类选择器#和id选择器.

CSS 语法由三部分构成：选择器、属性和值： selector {property: value} 选择器 (selector) 通常是你希望定义的 HTML 元素

灰太狼/ 2024年02月17日 20:14/ 0 赞/ 76 阅读

相关基础选择器之id选择器(CSS、HTML)

基础选择器之id选择器(CSS、HTML) <!DOCTYPE html> <html lang="en"> <head> <me

ゝ一世哀愁。/ 2023年10月03日 12:28/ 0 赞/ 24 阅读

相关 CSS-选择器,id 选择器、元素标签选择器、类选择器、多类选择器、属性选择器

1.id 选择器 id 选择器以 “\” 来定义。 id 属性只能在每个 HTML 文档中出现一次。 <html> <head> <

阳光穿透心脏的1/2处/ 2023年07月01日 05:29/ 0 赞/ 6 阅读

相关 jquery基本选择器id

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR

港控/mmm°/ 2023年06月12日 06:25/ 0 赞/ 141 阅读

相关 CSS id选择器

CSS id选择器任务描述相关知识任务描述在本关中，你将通过id选择器的方式完成页面菜单栏样式布局，栏目导航等任务。完成任务之后，基本页面

小咪咪/ 2022年11月13日 00:46/ 0 赞/ 267 阅读

相关 id选择器解析

鉴于标签选择器只能进行全局设置，而我现在想要对于同一标签在不同位置有不同的设计样式，所以这次学习下id选择器 id选择器通过标签上id属性进行选择，作用范围：只针对

心已赠人/ 2022年11月12日 08:21/ 0 赞/ 184 阅读

相关 css各种选择器，元素标签选择器，类选择器，id选择器，选择器的组合

3 元素（标签）选择器：格式标签名（html元素）\{ /\CSS样式代码\/ \} 使用范围，是将同样的样式，作用在多个同名的标签上。 4 类选择器： <

曾经终败给现在/ 2022年06月06日 03:06/ 0 赞/ 332 阅读

相关 jQuery的ID选择器

基本选择器在实际应用中比较广泛，建议重点掌握jQuery的基本选择器，它是其他类型选择器的基础，基础选择器是jQuery选择器中最为重要的部分。 jQuery基本选择器包括I

叁歲伎倆/ 2022年05月12日 00:34/ 0 赞/ 580 阅读

相关 CSS的id 选择器

一介绍 id选择器可以为标有特定id的HTML元素指定特定的样式。 HTML元素以id属性来设置id选择器,CSS中id选择器以"\" 来定义。以下的样式规则应

野性酷女/ 2022年05月12日 00:18/ 0 赞/ 211 阅读

相关 jQuery的id选择器

目录 1. 控制内容的显示和隐藏（display:block/none） 2.用Text（）改变内容。将“helloworld”改为“lijiang” ---------

太过爱你忘了你带给我的痛/ 2021年09月18日 22:38/ 0 赞/ 336 阅读