在CSS样式表中,选择器决定了哪些元素将受到样式的影响。这里介绍一些CSS中常用的选择器。p { /* 样式代码 */ } 标签选择器标签选择器是CSS中最基本的选择器,它可以选择HTML元素的所有实
在CSS样式表中,选择器决定了哪些元素将受到样式的影响。这里介绍一些CSS中常用的选择器。
p { /* 样式代码 */ }
标签选择器
标签选择器是CSS中最基本的选择器,它可以选择HTML元素的所有实例。例如,在下面的代码中,p标签选择器将应用样式到HTML中所有的
标签。
p { /* 样式代码 */ }
类选择器
类选择器可以通过给HTML元素添加一个class属性,来选择一个或多个元素。以一个句点(.)开头,后面跟着类名。
.my-class { /* 样式代码 */ }
id选择器
id选择器可以通过给HTML元素添加一个id属性,来选择唯一的元素。以井号(#)开头,后面跟着ID名。
#my-id { /* 样式代码 */ }
后代选择器
后代选择器可以选择一个元素中的另一个元素。它们通过空格来分隔各个元素。例如,下面的代码选择所有
div p { /* 样式代码 */ }
子元素选择器
子元素选择器只选择作为某元素下一级子元素的元素。它们通过大于号(>)分隔各个元素。例如,下面的代码选择div元素作为父元素的直接子元素中的
元素。
div > p { /* 样式代码 */ }
伪类选择器
伪类选择器用于选择特定状态的元素。例如,链接可以根据mouseover或visit状态进行样式设置。在下面的代码中,a元素在鼠标经过时会变成红色。
a:hover { color: red; }
以上是CSS中常用的选择器。使用这些选择器可以精确地选择某些元素,并为其应用样式。
粉丝
0
关注
0
收藏
0