1、CSS选择器概述通过选择器可以选定页面中的指定元素，对HTML页面中的元素实现一对一,一对多或者多对一的控制。HTML页面中的元素都是通过CSS选择器进行控制的。2、CSS选择器1、一般选择器 一般选择器
选择器示例示例说明及注意事项id选择器#name选择所有id="name"的元素，注意：一般id名不可重复class选择器.name选择所有class="name"的元素，注意：cl
转载
2023-10-26 15:20:48
139阅读
html
原创
2023-02-10 09:33:30
93阅读
Document 父级 这是div里面的a 这是div里面的p里面的a
原创
2022-06-11 01:38:29
172阅读
名称用法描述子代选择器$(“ul>li”)使用>号，获取儿子层级的元素，注意，并不会获取孙子层级的元素后代选择器$(
原创
2022-03-15 15:02:39
299阅读
名称用法描述子代选择器$(“ul>li”)使用>号，获取儿子层级的元素，注意，并不会获取孙子层级的元素后代选择器$(“ul li”)使用空格，代表后代选择器，获取ul下的所有li元素，包括孙子等跟CSS的选择器一模一样。案例：<!DOCTYPE html><html lang="zh-CN"><head&g...
原创
2021-05-20 10:52:42
743阅读
文章目录子代选择器：>号后代选择器：空格文章目录子代选择器：>号后代选择器：空格子代选择器：>号 .father>div{ border: 2px solid blue; }`后代选择器：空格 .father div{ border: 2px solid pink; }后代，顾名思义，子孙后代，不仅包括子还包括孙，曾孙，曾曾孙
原创
2021-06-10 16:06:17
153阅读
文章目录子代选择器：>号后代选择器：空格文章目录子代选择器：>号后代选择器：空格子代选择器：>号 .father>div{ border: 2px solid blue; }`后代选择器：空格 .father div{
原创
2022-02-24 10:16:02
144阅读
书接上回，在前端项目开发中，有时候需要对特殊的元素进行特殊的处理，但有时候元素的位置不确定、层级不确定、数量不确定等问题，导致我们没办法进行元素的选择，这个时候我们就需要用到元素选择器了。一、CSS选择器1、:active选择器例子例子描述:activea:active选择活动连接，点击是激活样式。代码：<!DOCTYPE html&g
转载
2023-12-31 13:47:08
73阅读
子选择器引用链接：还有一个比较有用的选择器子选择器，即大于符号(>),用于选择指定标签元素的第一代子元素。如右侧代码编辑器中的代码：.food>li{border:1px solid red;}这行代码会使class名为food下的子元素li（水果、蔬菜）加入红色实线边框。1. <style type="text/css">
2. .food>li{border:
说起css的选择器，我们最熟悉的应该就是class选择器和id选择器。但是css中的选择器却远远不止这几种。我们在使用css的时候，虽然知道每次使用什么方法来对元素进行设置，但是却没有总结过css中选择器的种类，今天在查阅了官方文档之后，我对css的选择器做了一个总结，下面写出来，算是给自己做了一个梳理。如下所示是css的MDN官方文档中所例出来的css选择器。1、类型选择器 &nbs
转载
2023-10-24 05:33:54
79阅读
一、选择器1、css主要有7中基本选择器ID选择器：#id类选择器：.class属性选择器：a[href="qqq.com"]标签选择器：body伪类选择器：:hover、:link、:active、:visited、:focus、:first-letter伪元素选择器：::before通配符选择器：* 2、css选择器优先级  
转载
2024-04-02 09:51:17
586阅读
文章目录CSS选择器 CSS选择器CSS选择器也称为选择符，用于选择需要添加样式的元素全局选择器（通配符选择器）：用于选择需要添加样式的元素 如： *{margin:0;padding:0;} 通常不建议使用通配选择符，因为它会遍历并命中文档中所有的元素，出于性能考虑，需要酌情使用。标签选择器（元素选择符）：用于声明标记采用的样式 如：p{color:red;}类别选择器：用来为相同的类名标签定
转载
2023-12-17 09:55:01
317阅读
CSS基础总结 选择器CSS选择器分为元素选择器，组合选择符，属性选择符，伪类选择符，伪对象选择符五种。一、元素选择器1.通选符： *{ } --->选择所有元素2.类选择器： .class{ } --->选择带有该类的标签3.id选择符： #id{ } --->选择带有该ID的标签4
转载
2023-07-23 22:46:49
1105阅读
作用代码：使用的代码以及效果1：使用的代码以及效果2:原因是：作用在一个选择器的两个class，一个是子代选择器，一个是类选择器，很显然，子代选择器的权值为两个值相加，所以更大，所以最后显示的是子代选择器的，而不是类选择器，第二个是根据浏览器的阅读习惯来，很明显当两个选择器的权值是一样的话，后面的会覆盖前面的选择器的样式。 ...
原创
2022-01-17 18:12:57
216阅读
标签选择器直接选择标签p{
//声明
} 2. 类选择器给元素设置一个className，通过.className选择到相同className的元素className必须以字母开头区分大小写出现多次.className{
//声明
}3. id选择器给元素设置一个id，通过#id选择到相应id的元素id必须以字母开头区分大小写只出现一次#id{
//声明
}. 通
转载
2023-07-27 22:06:44
114阅读
CSS选择器整理一、基础选择器1.标签选择器2.id选择器3.类选择器4.通配符选择器二、高级选择器5.后代选择器6.交集选择器7.并集选择器8.子级选择器9.兄弟选择器+ 选择器~ 选择器 初次学习前端，整理CSS选择器，供以后翻看。 在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 一、基础选择器1.标签选择器选中范围：通过标签选中所有同名标签，设置公共样式。 书写格式：标
转载
2024-03-31 00:32:12
93阅读
# HTML5 子代选择器 - 一个实用的CSS选取工具
## 引言
在Web开发中，CSS（层叠样式表）是用于设置网页样式的重要工具。随着HTML5的出现，CSS选择器有了更多的功能和灵活性，其中“子代选择器”就是最常用的一种选择器。本篇文章将深入探讨HTML5中的子代选择器，包含其语法、使用方法、实际示例及应用场景，并通过序列图和饼状图来阐明其重要性，而最后我们还会用实际的代码示例来固化学
css选择器什么是选择器？ 选择器是你构造好网页的结构，需要给这些结构赋予样式，这时候就需要用到选择器，利用选择器将元素与样式一一对应；两者的对应关系可以是一对一，一对多，多对一。选择器的分类： 这里我只展示几种比较常见的类型， 1. 标签选择器 给同一种标签添加样式，例如： 标签名{ 属性名:属性值； }<style type="text/css">
转载
2024-03-17 18:48:26
126阅读
最近有点忙，现在时间空闲下来了，好好的整理一下知识，今天总结一下css里面的一些选择器。 css里的选择器有好多种，下面我就把我了解到的写一写，如果有不全的或者有误的欢迎留言指正，万分感谢。 一、选择器 1、* 通配符选择器 这个选择器是匹配页面中所有的元素，一般用来清除浏览器的默认样式.*{margin:0; padding:0} 2、元素选择器 通
转载
2023-08-30 10:59:17
657阅读
一、CSS 引入方式1、CSS 的 3 种引入方式 ( 内联 | 内嵌 | 外链 )二、CSS 选择器1、CSS 基础选择器2、CSS 复合选择器后代选择器子元素选择器交集选择器并集选择器链接伪类选择器
原创
2024-03-20 21:05:19
100阅读
