CSS基础选择器（7种）

最新推荐文章于 2024-10-09 23:11:20 发布
最新推荐文章于 2024-10-09 23:11:20 发布
阅读量4k 收藏 10
点赞数
分类专栏： 网页设计初学者 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Y_JLsanqian/article/details/105322100
版权
本文详细介绍了CSS中的7种基础选择器：标记选择器、类选择器、id选择器、通配符选择器、标签指定式选择器、后代选择器和并集选择器。每个选择器都有其特定的语法格式和应用场景，如标记选择器用于为一类标记指定统一样式，类选择器可定义元素的单独或相同样式，id选择器针对文档中唯一元素，通配符选择器作用范围最广，标签指定式选择器结合了标记和类或id，后代选择器用于选择元素的后代，而并集选择器用于定义多个选择器共有的样式。
摘要由CSDN通过智能技术生成
  • 标记选择器
  • 类选择器
  • id选择器
  • 通配符选择器
  • 标签指定式选择器
  • 后代选择器
  • 并集选择器

（1）标记选择器
标记选择器是指用 HTML标记 名称作为 选择器 ，按标记名称分类，为页面中 某一类标记 指定 统一 的CSS样式。其基本语法格式如下：

标记名{
   属性1:属性值1; 属性2:属性值2; 属性3:属性值3;}

例如：

p{
最低0.47元/天 解锁文章
Y_JLsanqian
关注
专栏目录
CSS中七类选择器
n34886746的博客
07-06 433
css中七类选择器 1.标签选择器 所有的标签都能直接赋给样式， 如p{color:red;}//此处给所有的p标签内容都渲染成红色的，再比如给所有的超链接下面去掉下划线a{text-decoration:none;} 2.id选择器 id整个属性尽量留给js代码使用，css样式尽量使用class选择器 3.类选择器（css） 通过给我们的HTML标签添加class属性，人这个标签属于某一类，如 <h3 class="del"></h3> ,这个h3标签现在属于del类,css中类
CSS——基础选择器
笙
04-03 352
基础选择器 一、CSS选择器的作用 ​ 根据不同需求把不同的标签选出来，即选择标签用的（又称旋选择符）； 二、分类 <一>、基础选择器 1、解释 ​ 一个标签可以定义多个类名； 2、标签选择器 1> 又名元素选择器 2> 定义 ​ 指用HTML标签名作为选择器，按标签名分类，为页面中某一类标签指定统一的CSS样式； 3> 例如: /* 标签名 { 属性：...
CSS 基础选择器
m0_62800060的博客
11-19 195
基础选择器又包括：标签选择器、类选择器、id 选择器和通配符选择器 标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中某一类标签指定 统一的 CSS 样式。 语法 标签名{ 属性1: 属性值1; 属性2: 属性值2; 属性3: 属性值3; ... } 作用 标签选择器可以把某一类标签全部选择出来，比如所有的 <div> 标签和所有的 <span> 标签。 优点 能快速为页面中同类型的标签
CSS选择器（入门基础教程）
最新发布
2301_80208072的博客
10-09 595
元素选择器、类选择器、关系选择器
【CSS】CSS基础选择器
Bitdancing的专栏
12-26 797
CSS基础选择器知识总结
CSS—基础选择器
qq_43599049的博客
03-19 160
选择器就是根据不同需求把不同的标签选出来，简单来说就是选择标签用的。 选择器分为基础选择器和复合选择器两个大类，基础选择器由单个选择器组成，基础选择器又包括：标签选择器，类选择器，id选择器和通配符选择器。 1 标签选择器 标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一标签指定统一的CSS样式： <style> p { color:pink; } div { color:green; } </style> 2 类选择器 如果想
HTML5&CSS3网页制作：CSS基础选择器.pptx
05-31
CSS，层叠样式表，是用于控制网页元素样式的重要语言。在这篇关于"CSS基础选择器"的讲解中，我们将深入理解CSS选择器的概念以及如何使用它们来定位并应用样式到HTML...这样可以帮助你更好地理解和应用CSS基础选择器。
CSS的后代选择器基础使用示例
09-24
学习和理解CSS的后代选择器，对于网页设计和开发人员来说是非常基础且重要的。熟练使用后代选择器，可以对网页内容进行更精确的样式控制，实现丰富的视觉效果。无论是在创建网站的布局，还是调整元素的样式细节时，...
css基础选择器.md
01-06
css基础选择器.md
CSS选择器之CSS基础选择器
LiuYQing的博客
08-23 1827
CSS选择器作用：找到特定的html页面元素 CSS基础选择器 1.标签选择器(元素选择器)--是指用HTML标签名作为选择器，按标签名分类，为页面中某一类标签指定统一的CSS样式，语法如下： 标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} 作用：标签选择器可以把某一类表圈全部选择出来，比如所有的div标签和所有的span标签 优点：是能快速为页面中同类型的标签统一样式 缺点：不能设计差异化样式 ...
css中的基础选择器
chenyiboke的博客
10-30 1484
css基础选择器 基础选择器的作用： 1. 作用： 规范了页面中哪些元素能够使用定义好的样式 目的： 匹配页面元素 基础选择器的分类： 一. 通用选择器、 元素选择器、 类选择器、 ID选择器、 群组选择器、后代选择器、 子代选择器、 伪类选择器. 1.通用选择器： 作用： 匹配页面中所有的元素 语法： *{样式声明;} 通用选择器的缺点: 效率较低，尽可能少用。 ex（例子）： 命令...
CSS：基础选择器
七七的博客
03-11 322
标签选择器 标签选择器(元素选择器)是指用HTML标签名称作为选择器,按标签名称分类,频面中煤一类标签指定 统一的CSS 样式。 语法 标签名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; } 作用 标签选择器可以把某一类标签全部选择出来,比如所有的< div >标签和所有的< span >标签。 优点 能快速为页面中同类型的标签统一设置样式。 缺...
CSS---基础选择器
gaoqiandr的博客
11-18 330
在网页开发中，只会HTML虽然了开发了网页，但是不是太丑了，这时候CSS就有用处了，它可以帮你美化页面，布局页面，而本文就是对于CSS介绍的入门第一课。对于CSS基础选择器的详细介绍，简单详细，适合初学者。
CSS_选择器_hehe.employment.over.8.3
原来是个傻子，请坐 ！！！
02-03 161
8.7 CSS_语法格式 格式： 选择器 { 属性名1:属性值1; 属性名2:属性值2; ... } 选择器 : 筛选具有相似特征的元素。 注意： 每一对属性需要使用“;”隔开，最后一对属性可以不加";"。 8.8 CSS_选择器_基础选择器 基础选择器 id选择器： 选择具体的id属性值的元素.建议在一个html页面中id值唯一。 语法： #id属性值{} 元素选择器： 选择具有相同标签名称的元素 语法： 标签名称{} note： id选择器优先级
css基础选择器
V8min的博客
11-06 283
css基础选择器 选择器 1.元素选择器 匹配页面所有相同的元素，即页面中相同的元素有相同的样式声明使用。 2.ID选择器 尽量少用，页面中某个元素特殊的样式声明 #idName{ } 3.类选择器 同一页面中任何元素（只需要class的属性值相同）有相同样式声明class的属性值可以写多个 .className{ } 4.通配符选择器 能匹配页面里面的所有元素 *{ } 5.属性选择器 根据属性名和属性值选中元素 6.伪类选择器 伪类由一个冒号:开头，冒号后面是伪类的名称和包含在圆括号中的可选
CSS基础选择器
lyy_0522的博客
11-27 307
CSS基础选择器分为标签选择器，类选择器，id选择器，通配符选择器。它们都是在<style>和</style>标签之之间使用。其中类选择器最常用，配符选择器通常与JavaScrip配合使用。 一 . 标签选择器 (1)标签选择器用HTML作为标签，为页面的某一类标签(如<p> <div>标签)统一制定CSS样式。 (2)优点:方便快捷把某一类标签制定样式。 缺点:不能差异化设置。 (3)使用格式:(以<p>标签为例) <p..
选择器
weixin_33757911的博客
09-05 186
# 选择器（重点） 要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器（选择符）。 <img src="media/ax.png" /> 如上图所以，要把里面的小黄人分为2组，最快的方法怎办？ 很多， 比如 一只眼睛的一组，剩下的一组 选择器干啥的？ 选择标签用的 这就用到基础选择器组： # ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值