CSS-标签选择器总结

已于 2024-03-13 15:16:37 修改
阅读量114 收藏
点赞数 1
文章标签： css 前端
于 2024-02-01 15:12:18 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_62065520/article/details/135973261
版权

  • 基础选择器

e1a36f26d4bd439babbc0c57add43713.png

选择器连着写---相当于交集 同时具备才选择

空格---所有name2后代

  • 关系选择器

864c4688095c4b89910b20f0a01d1d89.png

，号---相当于并集 两个但凡具备一个就选择

空格---所有p后代

> 号---div的所有p子代

+ 号---紧跟div的首个p  相当于兄弟

~ 号---div之后的所有p  相当于所有兄弟

  • 属性选择器

22dd32f0fe414e92850dd54e913bf69b.png

  • 伪类选择器

45b0e5e95c994185ac3eae48567b86e1.png

 

 

Catherine@
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
十种CSS选择器详解介绍
01-31
1. 通用选择器 2. 标签选择器 3. ID 选择器 4. 类选择器 5. 后代选择器 6. 子选择器 8. 通用兄弟选择器 9. 分组选择器 10. 属性选择器 基础选择器总结
总结30个CSS3选择器
11-21
或许大家平时总是在用的选择器都是：#id .class 以及标签选择器。可是这些还远远不够，为了在开发中更加得心应手，本文总结了30个CSS3选择器，希望对大家有所帮助。 1 *：通用选择器 * { margin:0; padding:0; } ...
CSS入门基础-----标签选择器
bjsyc123456的博客
09-28 2161
什么是CSS？ CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称. 有时我们也会称之为 CSS 样式表或级联样式表。 CSS 是也是一种标记语言 CSS 主要用于设置 HTML 页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、 边距等）以及版面的布局和外观显示样式。 CSS 让我们的网页更加丰富多彩，布局更加灵活自如。简单理解：CSS 可以美化 HTML , 让 HTML 更漂亮， 让页面布局更简单。 CSS语法介绍 使用 HTM.
CSS - 选择器优先级介绍
热门推荐
小蚂蚁的世界
05-27 1万+
特殊性从CSS选择器文章中我们知道，与多种不同的方法选择元素。所以当我们使用多种规则的时候，我们必须要明确其中的优先级。但是在CSS选择器的规则中，称之为特殊性，特殊性越高，自然优先级越高。此时我们会先得到一个特殊性说明：！important 特殊性最高，详情访问重要性对于内联样式，加1000对于选中器中给定的ID属性值，加0100对于选择器中给定的类属性值，属性选择或伪类，加0010对于选择器中...
CSS选择器常见用法总结
baidu_41298300的博客
05-01 4181
CSS基础选择器和复合选择器的详细介绍
CSS中的选择器总结
前端学习博客
01-15 1852
文章目录一.基本选择器二.结构选择器1.后代选择器,用空格隔开2.子代选择器，用符号`>`表示3.紧邻兄弟元素4.后面兄弟元素三.属性选择器四.伪类选择器1.超链接伪类2.结构伪类:first-child:first-of-type:only-child::only-of-type:nth-child(n):nth-of-type(n)计算数量偶数元素奇数元素:nth-last-child(n):nth-last-of-type(n):not(selector)3.表单伪类表单属性样式表单必选样式表单
CSS - id选择器 和 类选择器
qq_33962481的博客
05-15 3852
文章目录一、id选择器的使用1. 语法2. 注意二、使用步骤1.引入库2.读入数据总结 一、id选择器的使用 HTML元素以 id属性 来设置id选择器, CSS中 id选择器以 “#” 来定义 1. 语法 #id名 { 属性1: 属性值1; } 2. 注意 只能调用一次, 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as
1.CSS选择器
weixin_62061392的博客
04-04 763
css入门笔记
Python Beautiful Soup教程-CSS选择器
ares_beyong的博客
11-21 4082
系列文章目录 Beautiful Soup教程-简介及安装 Beautiful Soup教程-基本使用 Beautiful Soup教程-认识选择器 Beautiful Soup教程-节点选择器之选择元素的方法 Beautiful Soup教程-节点选择器之提取信息的方法 Beautiful Soup教程-节点选择器之嵌套选择的方法 Beautiful Soup教程-节点选择器之关联选择的方法 Beautiful Soup教程-方法选择器 Beautiful Soup教程-CSS选择器 文章目录系列文章目
CSS - 选择器详解 - 子代、后代选择器详解 - 伪类选择器 - 测试
Muxiu
03-06 7020
目录测试准备：子代选择器 >测试代码：指定id的子代选择器后代选择器 (以空格隔开)指定 id 的后代选择器指定 class 类 的后代选择器多空格后代选择器详解 (特别重要)伪类选择器 :参考链接： 测试准备： 新建一个测试项目文件夹 test，然后在 test 文件夹内新建一个名为 css 的文件夹，创建一个名为 style.css的文件，最后在test文件夹下新建一个 test.html 文件。 test | —— | | ——css —— style.css | test.html 子代选择器
CSS选择器类型总结
qq_52732369的博客
12-18 1574
CSS选择器类型总结
CSS高级选择器-----层次选择器
睡不醒的每天
06-05 875
1、后代选择器 实现代码： 2、子选择器 代码实现： 3、相邻兄弟选择器 相邻兄弟只会选中一个（向下相邻） 代码实现： 4、通用选择器 通用选择器会选中相邻以下所有标签进行修饰
CSS中的选择器种类总结及效率比较
01-19
一、基本选择器（标签选择器、通用选择器、类和ID选择器） 选择器 描述 CSS版本 E 标签选择器，匹配所有使用E标签的元素 * 通用元素选择器，匹配任何元素 .info class选择器，匹配所有class属性中包含...
CSS选择器种类、优先级与匹配原理详解
01-19
这个时候突然意识到了CSS选择器的优先级问题，这里就CSS选择器的优先级问题做了一些总结。 51CTO推荐阅读：巧妙地使用CSS选择器 选择器种类 严格来讲，选择器的种类可以分为三种：标签名选择器、类选择器和ID选择...
jQuery选择器总结之常用元素查找方法
11-28
jQuery 的选择器可谓之强大无比，这里简单地总结一下常用的元素查找方法 $(“#myELement”) 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素 $(“div”) 选择...
css sprites如何使用
最新发布
codedadi的博客
05-18 390
注意：确保在定位图标时考虑到大图像的尺寸和每个图标的尺寸。例如，如果每个图标都是32x32像素的，并且它们在大图像中水平排列，那么第一个图标的background-position是0 0，第二个图标的background-position是-32px 0，依此类推。在CSS中，定义.icon类以设置所有图标的通用样式（如大小、背景图像等），并为每个图标定义特定的background-position。/* 图标2在大图像中的位置（假设每个图标宽度为32px） *//* 图标1在大图像中的位置 */
TailwindCSS在vite项目中的安装与使用
前端菜菜DayDayUp的博客
05-14 319
TailwindCSS在vite项目中的安装与使用
CSS碎碎念
◝(⑅•ᴗ•⑅)◜..°♡的博客
05-17 272
碎碎念
css去除复选框默认样式
xiaohua0708day的博客
05-17 121
类的样式，包括边框、宽度、高度等。在选中和未选中状态下，我们分别定义了不同的背景颜色，以便在复选框被选中或取消选中时改变其外观。的支持可能有所不同。你可能需要根据实际情况进行调整，以确保在各种浏览器下都能正确显示自定义的复选框样式。属性来覆盖默认的复选框外观。这些属性允许你重置浏览器的默认外观，以便你可以自定义样式。需要注意的是，不同浏览器对。在这个例子中，我们使用了。
css选择器权重！important
09-13
一般来说，选择器权重由以下规则决定：标签选择器 类选择器 选择器，同时还有内联样式的权重最高。当相同类型的选择器同时应用到元素时，权重高的样式规则将覆盖权重低的样式规则。 总之，选择器权重是用来决定样式...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值