伪类选择器
伪类选择器概述伪类选择器(Pseudo-class Selectors)用于选择处于特定状态的元素,例如:hover、:focus、:active 等。伪类以冒号 : 开头。语法选择器:伪类 { 属性: 值; }常用伪类分类1. 链接伪类:link - 未访问的链接a:link { color: blue; }:visited - 已访问的链接a:visited { color:...
2026年02月23日
0
第7页 - 油条一大碗
后续兄弟选择器
后续兄弟选择器概述后续兄弟选择器(也称为通用兄弟选择器,General Sibling Combinator)用于选择某个元素之后的所有同级兄弟元素。语法元素1 ~ 元素2 { 属性: 值; }注意: 两个元素之间用波浪号 ~ 分隔,并且要有空格。基本示例1. 基本用法/* 选择 h2 之后的所有同级段落 */ h2 ~ p { color: red; }<h2>标题&l...
2026年02月23日
0
相邻兄弟选择器
相邻兄弟选择器概述相邻兄弟选择器(Adjacent Sibling Combinator)用于选择紧接在某个元素之后的第一个同级兄弟元素。语法元素1 + 元素2 { 属性: 值; }注意: 两个元素之间用加号 + 分隔,并且要有空格。基本示例1. 基本用法/* 选择紧跟在 h2 之后的第一个段落 */ h2 + p { color: red; font-weight: bold;...
2026年02月23日
0
子代选择器
子代选择器概述子代选择器(也称为直接子选择器)用于选择某个元素的直接子元素,只匹配第一层后代元素。语法父元素 > 子元素 { 属性: 值; }注意: 父元素和子元素之间用大于号 > 分隔,并且要有空格。基本示例1. 直接子元素/* 只选择 ul 的直接子元素 li */ ul > li { padding: 10px; background-color: #f5...
2026年02月23日
0
样式初始化(CSS Reset)
样式初始化(CSS Reset)概述样式初始化(也称为 CSS Reset)是在网页开发开始时,重置浏览器默认样式的技术。不同浏览器对 HTML 元素的默认样式有所不同,通过样式初始化可以确保在所有浏览器中获得一致的显示效果。为什么需要样式初始化1. 浏览器默认样式不一致不同浏览器对相同元素有不同的默认样式:margin 和 padding 大小不同字体大小和行高不同列表标记样式不同表格边框...
2026年02月23日
0