CSS之通配符选择器、复合选择器

最新推荐文章于 2023-04-02 08:25:43 发布
最新推荐文章于 2023-04-02 08:25:43 发布
阅读量2.2k 收藏 2
点赞数 1
分类专栏： CSS

一、通配符选择器

1、


2、



运行结果：作用于所有的标签，所有文字颜色都变成了红色


二、符合选择器

1、复合选择器就是把上面的几个单独的基本选择器混合来使用

2、

①


②


3、






4、






②





③




5、

①


②







6、

①


②




7、



nicolelili1
关注
专栏目录
HTML+CSS第七课：CSS复合选择器的使用、CSS继承特性、使用CSS美化页面元素
王迪
11-18 1735
知识点：CSS复合选择器、CSS的继承、使用CSS设置字体样式和文本样式、使用CSS设置链接样式（伪类选择器）、使用CSS设置列表的样式。 1、CSS的高级应用 1.1 CSS复合选择器 CSS符合选择器是以标签选择器、类选择器、ID选择器这3种基本选择器为基础，通过不同方式将两个或多个选择器组合在一起而形成的选择器。这些复合而成的选择器，能实现更强、更方便的选择功能。复合选择器分为后代选择...
CSS——多类名选择器，id选择器，通配符选择器
流楚丶格念的博客
06-26 6596
文章目录多类名选择器案例id选择器id选择器和类选择器区别案例通配符选择器案例 多类名选择器 我们可以给标签指定多个类名，从而达到更多的选择目的。 注意： 样式显示效果跟HTML元素中的类名先后顺序没有关系,受CSS样式书写的上下顺序有关。 各个类名中间用空格隔开。 多类名选择器在后期布局比较复杂的情况下，还是较多使用的。 <div class="pink fontWeight font20">亚瑟</div> <div class="font20">刘备</d
CSS 通配符选择器
CodeDoraemon的博客
01-26 1077
title: CSS 通配符选择器 1. CSS 通配符选择器 选取页面中的所有元素 2. CSS 基础选择器的总结 3. 示例代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title&.
零基础CSS入门教程(6)——通配符选择器
weixin_61808806的博客
12-07 1049
我们上几节课学习了id选择器和class选择器，那我们这一小节学习一下通配符选择器。我们这里说的通配符选择器也是全选选择器，这个选择器的通途一般是在，清除浏览器默认样式时候使用。 效果如下 通配符选择器也叫全选选择器，我们一般会在清除浏览器默认格式的时候使用。
CSS中2种复合选择器
王春燕的博客
04-10 462
1:交集选择器 作用：选中同时符合多个条件的元素 语法：选择器1选择器2选择器n{} 注意：若交集选择器中有元素选择器，必须使用元素选择器开头 2:并集选择器 作用：同时选择多个选择器对应的元素 语法：选择器1，选择器2，选择器3···· 例子：#b1,p,.red <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-
css 通配符选择器
weixin_30342209的博客
02-28 262
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>通配符</title> 6 <script src="https://unpkg.com/vue/dist/vue.js"></script...
JSoup CSS选择器用法大全
最新发布
08-15
- `*`: 通配符选择器，匹配任何元素。 - `tag`: 按照元素名称选择，如 `div` 选择所有的 `<div>` 元素。 - `#id`: 通过元素的 ID 属性选择，如 `#wrap` 选择 ID 为 "wrap" 的元素。 - `.class`: 通过元素的类名...
四种CSS常用的选择器使用方法和注意事项
09-27
本文将详细介绍四种常用的CSS选择器：类选择器、ID选择器、HTML元素选择器和通配符选择器，以及它们的使用方法和注意事项。 1. 类选择器（Class选择器） 类选择器以一个点"."开头，用于选取具有特定类属性的HTML...
高效的CSS选择器编写指南
12-13
- 避免使用通配符选择器`*`，除非在全局清理样式时。 - 利用ID选择器来定位主要的、不常改变的结构元素。 - 使用更具体的选择器来替换通用的后代选择器，例如，使用`#nav li`代替`#nav ul li`。 - 考虑使用CSS预...
css+css3之通配符选择器
weixin_44046450的博客
08-02 367
css之通配符选择器 通配符选择器就只有一个，就是*号，*代表是所有元素。 代码如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <style> * { /* * 代表所有选择器 */ color: pink; } </style> &
CSS复合选择器
qq_64281750的博客
05-19 225
前面我们已经讲了3种选择器，复合选择器就是两个或多个基本选择器的组合，来实现更复杂的选择功能。 交集选择器 交集选择器就是两个选择器的直接链接构成的，其结果是选中两者各自作用范围的交集。第一个必须是标记选择器，第二个必须是类选择器或ID选择器。 交集选择器的基本语法如下。给出一个交集选择器的定义 div.class1{ color:red; font-size:10px; font-weight:bold; } 来看一个例子 <!DOCTYPE html> <html&gt
通配符选择器/后代选择器（包含选择器）/选择器分组
weixin_43734012的博客
11-21 403
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;通配符选择器&lt;/title&gt; &lt;!-- *：代表通配符选择器，用了它之后就代表当前页面所有得标签共用该样式 --&gt; &lt;style&am
CSS基础之CSS复合选择器
m0_67402013的博客
03-08 177
文章目录 前言 1.后代选择器 2.子选择器 3.并集选择器 4.伪类选择器 6.总结 前言 复合选择器：是由两个或多个基础选择器，通过不同的方式组合而成的 1.后代选择器 后代选择器又称为包含选择器，可以选择父元素里面的子元素 <style> 元素1 元素2 { width: 500px; height: 300px; } </style> 元素1 是父级，元素2 是子级，最终选择的是元素2 2.子选择器 子元素
【前端-初阶】CSS复合选择器
qq_48234463的博客
03-18 936
前端-初阶-CSS
css属性选择器和通配符选择器
热门推荐
haha_hello的博客
02-10 1万+
一，属性选择器1<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>20-css属性选择器上.html</title> <!-- 属性选择器,根据指定的属性名称找到对应的标签,设置属性 1,格式: [attribute] 作
通配符选择器
jwz934738949的博客
03-31 1258
通配选择器是对所有的标签进行修改 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>标题</title> <style> * { color: blue; ...
html复合选择器
CHL0605的博客
12-03 274
父元素 子元素 祖先元素 后代元素 后代选择器： 选中某个元素的后代 语法：祖先元素 后代元素{ 样式声明 } 通过标签选择器选中、class、id 特点： 1、祖先元素选择器和后代元素选择器之间必须有一个空格 2、只会选中后代元素，祖先元素不受...
HTML：复合选择器
weixin_75179509的博客
04-02 259
CSS选择器一般包括：后代选择器，子代选择器，并集选择器，交集选择器，伪类选择器。
CSS选择器详解：类选择器、ID选择器、元素选择器与通配符选择器
"本文主要介绍了CSS中的四种常用选择器：类选择器、ID选择器、HTML元素选择器和通配符选择器，并提供了相应的使用方法和案例。" 1、类选择器（class选择器） 类选择器是通过在HTML元素中设置`class`属性来指定的。...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值