复合选择器+伪类选择器+css特性+背景图

最新推荐文章于 2025-12-02 22:10:11 发布
原创 最新推荐文章于 2025-12-02 22:10:11 发布 · 177 阅读 · 4 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#html #前端

本文详细介绍了CSS中的复合选择器、后代选择器、子代选择器、并集和交集选择器，以及伪类选择器的使用。还探讨了CSS的继承性、层叠性和优先级规则，以及如何通过Emmet提升编码效率。此外，背景图的用法和元素的显示模式也做了讲解。

复合选择器

后代选择器

父 子 孙...(中间用空格隔开)

写法：

子代选择器

父 > 子

写法：

并集选择器

写法：

交集选择器

伪类选择器

任何标签都可以设置hover

---超链接

css特性

继承性

子级默认继承父级的文字控制属性

<!--- 如果标签自己有样式则生效自己的样式，不继承。 比如：a，h1... ---!>

层叠性

优先级

---叠加计算规则

Emmet

很有用

背景图

bgi   

值：url

属性

bgr

bgp

bgs 

bga

背景图固定   值 ：fixed

bg

显示模式

块元素

行内元素

行内块元素

转换显示模式

mkbkopp
关注
CSS——复合选择器、CSS特性、背景属性、显示模式
阳光开朗大男孩 =￣ω￣=的博客
11-05 994
博客内容如下： 复合选择器包括后代、子代、并集、交集选择器。 伪类选择器可设置元素不同状态样式。 CSS 有继承性、层叠性、优先级特性。 Emmet 写法多为属性首字母缩写，背景属性可设置图、平铺、位置、缩放等。 显示模式有块级、行内、行内块元素，可通过display转换。 综合案例为热词超链接设置样式及鼠标悬停效果。
CSS-选择器+伪类+样式属性
weixin_47345929的博客
11-30 638
选择器 通配符选择器：匹配HTML中所有元素（注意：性能差，因为他要匹配所有元素，所以在开发时不建议使用） * { color: #BC8F8F; } 标签选择器：用来匹配对应的标签 span{ display: block; margin-right: 20px; border: 1px solid darkmagenta; } 类选择器：用来匹配class命名的标签 <div class="pp">这是div标签</div> .pp { colo
CSS 第四天 复合选择器、CSS特性、背景属性、显示模式
qq_56808981的博客
06-15 979
定义：由两个或多个基础选择器通过不同的方式组合而成。作用：更准确、更高效的选择目标元素（标签）
CSS-选择器+三大特性
m0_73791982的博客
03-26 964
选择器作用特征使用情况隔开符号及用法后代选择器用来选择后代元素可以是子孙后代较多符号是空格 .nav a子代选择器选择最近一级元素只能选亲儿子较少符号是大于 .nav>p并集选择器选择某些相同样式的元素可以用于集体声明较多符号是逗号 .nav,header链接伪类选择器选择不同状态的链接跟链接相关较多重点记住a{}和a:hover 实际开发的写法focus伪类选择器选择获得光标的表单跟表单相关较少input：focus记住这个写法元素的显示模式。
CSS 的复合选择器、元素显示模式、背景、三大特性
m0_73645234的博客
08-06 572
1. CSS 的复合选择器 1.1什么是复合选择器 1.2后代选择器（重要） 1.3子选择器（重要） 1.4并集选择器（重要） 1.5伪类选择器 1.5.1链接伪类选择器 1.6 :focus 伪类选择器 1.7复合选择器总结 2.CSS 的元素显示模式 2.1 什么是元素显示模式 2.2 块元素 2.2行内元素 2.3行内块元素 2.4 元素显示模式总结 2.5 元素显示模式转换
【CSS3】02-选择器 + CSS特性 + 背景属性 + 显示模式
2301_76662826的博客
03-28 1105
本文主要介绍：选择器、CSS属性、背景属性和显示模式的操作写法。
css复合选择器有哪四种,css复合选择器
weixin_39802132的博客
08-03 582
1.交集选择器交集选择器由2个选择器构成，第一个为标签选择器，第二个为类选择器 如h3.special 2.并集选择器跟交集选择器相反，3.后代选择器可以选择快标签中的后代例如.** p就是选择类为**下面的子元素的p标签中的内容4.子选择器用大于号表示例如ul>li只选择ul的子li的选择器变属性5.属性选择器*【title="***】表示所有有title=***的选择器6.伪元素选择器标...
【前端】CSS（引入方式+选择器+常用元素属性+盒模型+弹性布局）
WengJM的博客
04-03 1697
层叠样式表（Cascading Style Sheets）对元素位置的排版进行精确控制，实现结构和样式的分离CSS 控制页面的展示效果HTML决定页面的结构。
CSS（二）css选择器+css背景
释怀°Believe的博客
07-04 747
css选择器+css背景
CSS基础2-选择器进阶+背景属性+元素显示模式+三大特性
12-05
复合选择器是指使用空格将多个选择器连接起来，从而选择父元素中的后代元素。其语法为：选择器1 选择器2 { css }。结果是，在选择器1所找到标签的后代（儿子、孙子、重孙子…）中，找到满足选择器2的标签，设置样式...
Web前端与移动开发之复合选择器 css元素显示模式 背景属性.txt
07-30
1.复合选择器 （1）后代选择器（包含选择器 重要） 语法： 元素1 元素2 {样式声明} 选择器1 选择器2{ 属性：属性值 } 元素1和元素2用空格隔开 元素1父亲 元素2后代 最终改变的是后代（元素2）的样式 ...
CSS选择器详解：从复合到伪类，及元素显示模式
该文件主要介绍了Web前端开发中CSS选择器的使用，包括复合选择器、元素显示模式以及背景属性。 1. 复合选择器 - **后代选择器**：通过空格分隔，选择器1表示父元素，选择器2表示后代元素，用于选择指定父元素的...
vue2/html 实现高德点聚合
m0_49789433的博客
12-02 100
1.vue2 高德点聚合。2.html高德点聚合。这里要换成自己的key。这里换成自己的key。
【HTML Living Standard 01】HTML基础概述
风高秋月白，雨霁晚霞红
12-01 686
HTML-01 基础概念相关。
HTML DOM 对象
最新发布
wjs2024的博客
12-02 271
DOM（Document Object Model）是一种抽象的模型，用于表示 HTML 和 XML 文档。通过 DOM，开发者可以访问和操作文档中的任何元素，如文本、图像、链接等。DOM 对象化地表示了网页的结构，使得开发者可以像操作对象一样操作网页内容。HTML DOM 对象是网页设计和开发的基础，掌握 DOM 对象的基本概念、常用方法和实际应用，将有助于提高开发效率和代码质量。本文对 HTML DOM 对象进行了简要介绍，希望对您有所帮助。
【JavaWeb】HTML常见标签——标题段落和换行
qq_43494013的博客
12-02 126
【JavaWeb】HTML常见标签——标题段落和换行
HTML 基础
wjs2024的博客
12-02 268
HTML是构建网页和网站的基础，掌握HTML基础知识对于成为一名优秀的网页开发者至关重要。本篇文章为您介绍了HTML的发展历程、基本结构、常用标签以及一些高级特性。希望您能够通过学习，更好地掌握HTML，为您的网页开发之路打下坚实的基础。
【JavaWeb】HTML——超链接标签
qq_43494013的博客
12-02 175
【JavaWeb】HTML——超链接标签
HTML/CSS 核心考点详解（字节跳动 ToB 中台场景）
2402_87628679的博客
12-01 820
语义化 HTML 就是用有明确含义的标签（如<header><nav><main>）替代无意义的通用标签<div>，让 HTML 结构 “自解释”—— 不用看 CSS/JS，就能看懂页面各部分的功能。块级格式化上下文，是一个 “独立的渲染区域”，区域内的元素布局不受外部影响，同时也不会影响外部元素。可以理解为：BFC 是一个 “隔离的盒子”，盒子里的元素怎么布局，都和盒子外的元素没关系。知识点核心考点实战场景语义化 HTML常用语义标签、结构合理性系统页面布局、模块划分Flex 布局。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值