css标签选择器和类选择器

最新推荐文章于 2024-07-06 20:00:00 发布
最新推荐文章于 2024-07-06 20:00:00 发布
阅读量204 收藏
点赞数
分类专栏： css 文章标签： css 前端 html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_52634719/article/details/127469828
版权

看一下那么多选择器

 标签选择器

这里只有p标签被选中

 这个是背景色样式，然后改成h1

 并列选择器

 

 

 所有h1和p穿上这套服装

 下面是div中的p，才生效的选择器

 逗号没了，变成了空格

 

 

 子孙选择器：这里也是div中的p，但是只管一级

 

 

 

 兄弟选择器:紧跟在div后面

 

 

 

 这个是p后所有的ul都这么干

 

 

 

 

类选择器，以点开头。

 

 类选择器可以跨标签

 

 

 

爱雨天
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
6—CSS基础选择器（标签选择器、类选择器、id选择器）
qq_64073631的博客
10-21 2543
6—CSS基础选择器（标签选择器、类选择器、id选择器）
css选择器
weixin_52148546的博客
11-17 163
标签选择器 标签选择器：可以选出所有相同的标签 特点：不能差异化选择 div{color:ref} 类选择器 类选择器：可以选出一个或者多个标签 特点：根据需求选择 HTML文件中：<p class="nav">类选择器</p> css文件中：.nav{clolr:red} 样式点定义结构类调用一个或多个开发最常用 ID选择器 ID选择器：一次只能选择一个 标签 特点：每个HTML文档中的ID是唯一的，只出现一次 HTML文件中：<p id="nav1">ID选择器&lt
标签选择器，类选择器，id选择器
XYzuiyou的博客
04-30 2672
选择器 作用:就是选择代码中某一个或者某一类的元素，给他进行 声明 选择器一共有3种 标签选择器 类选择器 class id选择器 标签选择器 我们在body标签里面输入 h1标签 和一个p标签 然后在head标签里面输入style关键词 在关键词里面输入h1{ } 然后我们浏览器打开一下 发现h1标签全部变成红色 标签选择器：会选择页面上所有这个标签的元素 但是有时候我们要给同一个元素的标签给予他另外一种元素是，我们可以使用类选择器来操作 类选择器 类选择器比标签选择器多了一个class 在b
CSS：选择器 / 14种类型
最新发布
snowball的博客
07-06 2278
CSS中的UI元素伪类选择器主要用于定义用户界面元素的特殊状态样式，如链接的悬停（hover）、激活（active）状态，以及输入框的焦点（focus）状态等。：尽量使用更具体的选择器来定位你想要样式化的元素，这样可以减少不必要的性能开销，并提高样式表的可维护性。然而，需要注意的是，当通用选择器与其他选择器结合使用时，它仍然会匹配所有元素，但样式只会应用到那些也符合其他选择器条件的元素上。符号，它选择某个元素之后的所有兄弟元素（共享相同父元素），而不仅仅是紧接在后面的元素。在CSS中，ID选择器以井号。
[css] 剩余宽度自适应
qq_14993591的博客
08-09 621
calc(100% - 200px); 注意有空格才能生效 <!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-scal
零基础学习WEB前端开发(十四)：CSS标签选择器及类选择器
陶小桃Blog
10-30 604
选择器分为基础选择器和复合选择器两个大类。 基础选择器包括：标签选择器、类选择器、id选择器、通配符选择器 一、标签选择器 标签选择器（元素选择器）是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的css格式。 1.1 基本语法 标签名{ 属性1: 值1; 属性2: 值2; 属性3: 值3; ...... } 1.2 示例 <!DOCTYPE html> <html lang="...
3、CSS 复合选择器（选择器混合使用）
zhengqiqiqinqin的专栏
02-25 496
<!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>复合.
css3类选择器之结合元素选择器和多类选择器用法
09-24
总之，CSS3的类选择器、元素选择器和多类选择器是构建网页样式的核心工具。通过熟练掌握并结合运用这些选择器，开发者可以更高效地控制网页布局和视觉效果，提升用户体验。不断实践和探索，你会发现它们在网页设计中...
css串联选择器和后代选择器使用方法
12-13
串联选择器：作用在同一个标签上 复制代码代码如下:”a” id =”qq”><span>look at the color</span></div> <p>css: #qq.a{….}   后代选择器：作用在不同标签上 复制代码代码如下:”qq”>”a”>look at the color...
CSS3 选择器 伪类选择器介绍
09-25
前面花了两节内容分别在《CSS3选择器——基本选择器》和《CSS3选择器——属性选择器》介绍了CSS3选择器中的基本选择器和属性选择器使用方法，今天要和大家一起学习CSS3选择器中的第三部分，也是最后一部分——伪类...
简要讲解CSS中的类型选择器、ID选择器、类选择器
01-21
类型选择器类型选择器，是以html元素类型作为选择条件。网页元素：在CSS教程中，对于如“<p></p>”、“<h3></h3>”这些不再称呼为标签，而统一称呼为网页元素。...ID选择器CSS ID选择器允许选择网页元素的ID
标签名选择器、id选择器、class类型选择器、组合选择器
weixin_46065214的博客
08-15 2820
标签名选择器、id选择器、class类型选择器、组合选择器
CSS选择器
m0_67554048的博客
10-12 535
CSS选择器
CSS一个元素同时使用多个类选择器（class selector）
热门推荐
sinolover的专栏
03-07 1万+
CSS类选择器参考手册 一个元素同时使用多个类选择器 CSS中类选择器用点号表示。实际项目中一个div元素为了能被多个样式表匹配到（样式复用），通常div的class中由好几段组成，如<div class="user login">能被.user和.login两个选择器选中。如果这两个选择器中有相同的属性值，则该属性值先被改为.user中的值，再被改为.login中的值，即重复的属...
基础选择器汇总——标签选择器，类选择器、id选择器、通配符选择器
周百万的博客
09-05 5209
标签选择器（元素选择器）是指用 HTML 标签名称作为选择器，按标签名称分类，为页面中标签指定统一的 CSS 样式。在 CSS 中，通配符选择器使用“*”定义，它表示选取页面中所有元素（标签）其中权重不能直接说成 1、10、100这样，但可以这样理解，这样理解更方便！如果想要差异化选择不同的标签，单独选一个或者某几个标签，可以使用类选择器。id 选择器可以为标有特定 id 的 HTML 元素指定特定的样式。复合选择器和属性选择器请参考我写的其他文章！
CSS学习记录1.2/标签选择器/id选择器/类选择器/后代选择器/子元素选择器
qq_49080239的博客
06-20 1561
根据指定的标签名称，在当前界面中找到该名称的标签，然后设置属性。 格式： 注意点： 1、标签选择器选择的是当前页面所有的标签，不能单独选中某一个标签。 2、标签选择器无论标签藏的多深都能选中。 3、只要是HTML中的标签就可以作为标签选择器。根据指定的id名称找到对应的标签，然后设置属性。 格式： 1、每个HTML标签，都有一个属性叫做id，每一个标签都可以设置id。 2、在同一个界面中id的名称是不可以重复的。 3、在编写id选择器时一定要在id前加上#。 4、id的名称只能由字母、数字、下划线组成，不能
5.CSS-标签选择器、id选择器和类选择器
Veronnit的博客
07-12 2478
文章目录标签选择器作用格式注意点id选择器作用格式注意点类选择器作用格式注意点id和class的区别id选择器和class选择器的区别 标签选择器 作用 根据指定的标签名称，在当前界面中找到所有该名称的标签，然后设置属性。 格式 标签名称{ 属性：值； } 注意点 1.标签选择器选中的是当前界面中的所有的标签，而不能单独选中一个标签； 2.标签选择器无论标签藏得多深都能被选中； 3.只要是HTML中的标签就可以作为标签选择器。 id选择器 作用 根据指定的id名称找到对应的标签，然后设置属性。 格式 #
CSS选择器总结
world_kun的博客
11-30 449
1 选择器概念： 要想将CSS样式应用于特定的HTML元素，首先需要找到该目标元素。在CSS中，执行这一任务的样式规则部分被称为选择器（选择符）。2 基础选择器分类 2.1 标签选择器(元素选择器) 标签选择器是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式。其基本语法格式如下： 标签名{属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }...
CSS特殊选择器：伪类选择器详解与应用
"本资源主要介绍了CSS中的伪类选择器，包括它们的使用方法和语法，以及一些常见的伪类选择器实例。通过示例代码展示了如何应用这些选择器来实现不同状态下的元素样式控制，如超链接的不同状态、选择父元素的第一个子...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值