CSS的三个基本选择器

最新推荐文章于 2025-07-01 09:31:29 发布
最新推荐文章于 2025-07-01 09:31:29 发布
阅读量3.5k 收藏 2
点赞数 1
CC 4.0 BY-SA版权
分类专栏： 6 Java学习笔记
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/pengchengliu/article/details/88102859
本文深入探讨了CSS中的基础选择器，包括元素选择器、类选择器和ID选择器。通过实例解析，阐述了如何使用它们来定位和样式化网页元素，为精准控制网页布局奠定基础。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

 

 

css的选择器

要对哪一个标签里面的数据进行操作。哪一个标签就是选择器。

 

选择器分为基本选择器和扩展选择器。

 

基本选择器有三种：标签选择器、class选择器、id选择器。

 

一、标签选择器  

定义：使用标签名作为选择器的名称。

 

例1：

//标签选择器.html

<html>

        <head>

                <title>标签选择器</title>

                <style type="text/css">                                 //这个div就是标签选择器 

                        div{                                           

                               background-color:blue;           

                               color:red;

                        }

                </style>

        </head>

        <body>

                 <div>可是大家发开始打飞机卡和手机</div>

        </body>

</html>

 

例2：

//标签选择器.html

<html>

        <head>

                <title>标签选择器</title>

                <sty
最低0.47元/天 解锁文章

200万优质内容无限畅学
CSS选择器：基本选择器、复合选择器、伪类选择器、伪元素选择器
pan_junbiao的博客
07-11 3227
CSS选择器包含：基本选择器、复合选择器、伪类选择器、伪元素选择器。基本选择器包括：元素选择器、类选择器、ID 选择器、属性选择器。最常见的 CSS 选择器是元素选择器。换句话说，HTML文档的元素就是最基本的选择器。例如设置 HTML 样式，选择器通常是某个 HTML 元素，如 p、h1、a 等，甚至可以是 HTML 本身。在 HTML 中，各种各样的属性可以给元素添加很多附件信息，并且可以通过 JavaScript 控制这些附加属性的内如何状态。在使用 CSS 的时候，也可以使用这些附加属性来指定元素。
CSS 三种基础选择器
天空之外
08-28 6671
本节我们来学习 CSS 中的选择器，选择器是 CSS 里面一个很重要的概念，HTML 中的所有标签样式，都是通过不同的 CSS 选择器进行控制的。我们只需要通过选择器，就可以对不同的 HTML 标签进行选择，并指定各种样式声明。 在 CSS 中三三种最基本的选择器，分别是标签选择器、类选择器（class）、ID选择器。 我们知道在 HTML 页面中引入 CSS 样式最好的方法是引入外部样式，也就是将 CSS 代码单独放置到一个 .css 文件内，然后再引入这个 CSS 文件。 标签选择器 我们知道一个 HT
从入门到精通：CSS选择器
最新发布
局外人LZ的博客
07-01 844
CSS选择器是用于精准定位HTML元素并施加样式规则的核心工具，通过多样化的匹配模式实现灵活控制。基础选择器包括元素选择器（如div）、类选择器（.class）、ID选择器（#id）和通用选择器（*），分别按标签名、类名、唯一ID或全局匹配；组合选择器通过层级关系增强精确性，例如后代选择器（nav a）匹配嵌套元素，子选择器（ul > li）限定直接子级，相邻兄弟（h1 + p）和通用兄弟（h2 ~ p）则控制同级元素。属性选择器（如[href^=“https”]）依据属性值匹配，而伪类（:hover、:n
CSS 三种基本选择器
weixin_45672377的博客
12-14 627
标签选择器 格式 ：标签{} 实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>三种基本选择器</title> <!--标签选择器--> <style> h1{ color: green; } </style&gt
CSS基本选择器
weixin_43903813的博客
01-09 114
三种基本选择器 作用：选择界面上的某一个或者某一类元素 基本选择器 标签选择器 标签选择器会选择到页面上所有的这个标签的元素 h1{ color: #225378; background: #b4a53b; border-radius: 30px; } h1为标签 类选择器 class 选择所有class属性一致的标签，跨标签 同一个标签，但是颜色不同，则不能用标签选择器。在标签内定义class，并在style中分别用类选择器定义颜色 好处：可以多个标签归类，是同一个class
css三种基本选择器（重要）
weixin_47556601的博客
01-26 2971
大家好，今天我们来分享一下css三种基本选择器 这是我们css当中的一大重点 写一段HTML的初始源代码： 1.标签选择器： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <h1> 相信我</h1> <p>你很
CSS3 选择器 基本选择器介绍
12-13
我把CSS选择器分开成三部分，第一部分是我们常用的部分，我把他叫做基本选择器；第二部分我把他称作是属性选择器，第三部分我把他称作伪类选择器，这一部分也是最难理解和掌握的部分，今天我们先来看第一部分——...
CSS基本选择器实用PPT课件.pptx
10-06
CSS 基本选择器 本资源摘要信息将着重介绍 CSS 基本选择器的概念、语法和应用，旨在帮助学习者快速掌握 CSS 基本选择器的使用和应用。 一、CSS 概念和语法 CSS 全称为 Cascading Style Sheet，即层叠样式表。它的...
CSS 选择器支持列表
09-25
### 一、基本选择器 * `E`：选择所有 HTML 元素 * `.class`：选择所有具有该类名的元素 * `#id`：选择具有该 id 的元素 * `E F`：选择所有位于 E 元素内部的 F 元素 * `E > F`：选择所有直接位于 E 元素内部的 F ...
css学习——三种基本选择器
greedyguttler的博客
03-01 305
选择器（选择某一个或某一类元素） 基本选择器 标签选择器 /*标签选择器会选择页面上所有的这个标签的元素*/ <style> h1{ color:#a13d30; background:#1D8E46； border-radius:24px; } /*color字体颜色 background背景颜色 border-radius圆角*/ p{ font-size:80px; } /*修改字体大小，让p标签的字比h1标签的还大*/ </style> 类选
CSS-3-三种基本选择器
baidu_38126306的博客
12-05 364
CSS -> 基本选择器 作用：选择页面上的某一个或者某一类元素 1. 基本选择器 1.1 标签选择器 选择一类标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签选择器：会选择到页面上所有的这个标签的元素*/
css学习(基础三种选择器)
kedat的博客
11-24 792
1.基础样式： 选择器{样式} <head> <title>css</title> <style> /* 选择器{样式} */ p { color:red; font-size: 120px; } </style> </head> 选择器列表 (1)....
CSS——三种基本选择器
万里顾一程的博客
11-05 644
CSS——三种基本选择器 选择器作用：选择页面上的某一个或者某一类元素 基本选择器 1.标签选择器 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> /*标签选择器会选择到页面上所有的这个标签的元素*/ h1{ colo
css中的三种选择器
weixin_43699840的博客
02-06 339
一.元素选择器 元素选择器通过标签名选择元素 二.id选择器 通过id选择元素 三.类选择器 当需要多个元素，都使用同样的css的时候，就会使用类选择器 四.更准确的选择 同时根据元素名和class来选择 ...
三种基本选择器
weixin_57097732的博客
07-19 479
1、标签名选择器 2、class选择器 3、id选择器 只有一个，唯一一个 4、优先级 id>class>标签名
CSS 都有哪些选择器？
mzrxLXR的博客
08-01 9670
CSS 都有哪些选择器？ 1.标签选择器（如：body,div,p,ul,li） 2.类选择器（如：class=”head”,class=”head_logo”） 3.ID选择器（如：id=”name”,id=”name_txt”） 4.全局选择器（如：*号） 5.组合选择器（如：.head .head_logo,注意两选择器用空格键分开） 6.继承选择器（如：div p,注意两选择...
三种常用CSS选择器
weixin_46513229的博客
06-02 3460
CSS样式表的样式规则是由三个部分构成：Selector（选择器），Property（属性）和Value（属性的取值）。 基本的格式如下：Selector {property:value; property:value;…; property:value}
CSS的几种核心选择器
老陈聊架构
01-09 496
CSS的几种核心选择器 核心选择器： 标签选择器：针对一类标签 类选择器：针对你想要的所有标签使用 ID选择器：针对某一个特定的标签使用 伪类选择器:针对一些标签具体的行为使用 优先级：Id选择器 &amp;gt; class选择器 &amp;gt; 标签选择器 1.标签选择器 标签选择器，选择的是页面上所有这种类型的标签，优先级较低”。 &amp;lt;style type=&quot;text/css&quot;&amp;
CSS3选择器详解：基本选择器与:nth-child用法
"这篇文章主要介绍了CSS3的基本选择器，包括ID选择器、类选择器、标签选择器和通配符选择器，并通过实例演示了它们的使用方法。" CSS3选择器是CSS语言中用于选取HTML或XML文档中特定元素的关键部分，其扩展和增强了...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值