后续兄弟选择器概述后续兄弟选择器(也称为通用兄弟选择器,General Sibling Combinator)用于选择某个元素之后的所有同级兄弟元素。语法元素1 ~ 元素2 { 属性: 值; }注意: 两个元素之间用波浪号 ~ 分隔,并且要有空格。基本示例1. 基本用法/* 选择 h2 之后的所有同级段落 */ h2 ~ p { color: red; }<h2>标题&l...
相邻兄弟选择器概述相邻兄弟选择器(Adjacent Sibling Combinator)用于选择紧接在某个元素之后的第一个同级兄弟元素。语法元素1 + 元素2 { 属性: 值; }注意: 两个元素之间用加号 + 分隔,并且要有空格。基本示例1. 基本用法/* 选择紧跟在 h2 之后的第一个段落 */ h2 + p { color: red; font-weight: bold;...
子代选择器概述子代选择器(也称为直接子选择器)用于选择某个元素的直接子元素,只匹配第一层后代元素。语法父元素 > 子元素 { 属性: 值; }注意: 父元素和子元素之间用大于号 > 分隔,并且要有空格。基本示例1. 直接子元素/* 只选择 ul 的直接子元素 li */ ul > li { padding: 10px; background-color: #f5...
样式初始化(CSS Reset)概述样式初始化(也称为 CSS Reset)是在网页开发开始时,重置浏览器默认样式的技术。不同浏览器对 HTML 元素的默认样式有所不同,通过样式初始化可以确保在所有浏览器中获得一致的显示效果。为什么需要样式初始化1. 浏览器默认样式不一致不同浏览器对相同元素有不同的默认样式:margin 和 padding 大小不同字体大小和行高不同列表标记样式不同表格边框...
并集选择器概述并集选择器(也称为群组选择器)可以同时选择多个选择器对应的元素,为它们设置相同的样式。语法选择器1, 选择器2, 选择器3 { 属性: 值; }注意: 各选择器之间用英文逗号 , 分隔。示例1. 多个标签设置相同样式/* 同时选中 h1、h2、h3,设置相同的字体 */ h1, h2, h3 { color: #333; font-family: Arial, sa...