其他选择器概述除了常用的选择器外,CSS 还有一些其他有用的选择器,包括目标伪类、语言伪类、空伪类、根选择器等。其他选择器详解1. :root - 根元素选择器选择文档的根元素(HTML 文档中就是 <html> 元素)。常用于定义 CSS 变量。/* 定义 CSS 变量 */ :root { --primary-color: #3498db; --secondary-c...
序号选择器概述序号选择器是指基于元素在父元素中的位置顺序来选择元素的选择器。主要包括 :nth-child()、:nth-last-child()、:first-child、:last-child 等选择器。基本序号选择器1. :first-child - 第一个子元素选择父元素的第一个子元素。/* 选择第一个列表项 */ li:first-child { color: red; f...
属性选择器概述属性选择器(Attribute Selectors)用于选择具有特定属性的元素,或者属性值满足特定条件的元素。语法[属性名] { /* 选择具有该属性的元素 */ } [属性名="值"] { /* 选择属性值完全匹配的元素 */ } [属性名~="值"] { /* 选择属性值包含该词的元素(词列表) */ } [属性名|...
伪元素选择器概述伪元素选择器(Pseudo-element Selectors)用于选择元素的特定部分,例如首字母、首行、前面或后面的内容等。伪元素以双冒号 :: 开头。语法选择器::伪元素 { 属性: 值; }注意: 单冒号 : 是旧语法,双冒号 :: 是新语法(推荐)。为了兼容性,浏览器通常两种语法都支持。常用伪元素1. ::before - 元素前面插入内容在元素内容之前插入生成的...
伪类选择器概述伪类选择器(Pseudo-class Selectors)用于选择处于特定状态的元素,例如:hover、:focus、:active 等。伪类以冒号 : 开头。语法选择器:伪类 { 属性: 值; }常用伪类分类1. 链接伪类:link - 未访问的链接a:link { color: blue; }:visited - 已访问的链接a:visited { color:...