大体分为三种方式:id选择器,class选择器 除此之外还有标签属性选择器 派生选择器

标签选择器:所有的标签都会受影响

body

{background-color: yellow}

网页会整体变黄色

class属性选择器

.classname{

font-size: 30pt;

}

注意,最前面是一个点

id选择器

#idname

{

font-size: 30pt;

}

自定义属性选择器

假设你已经在一个标签里加个自定义属性xx=“zz”

[xx=zz]

{

font-size: 30pt;

}

派生选择器: 嵌套的标签等用空格表示

 

选择指定元素的所有指定子元素

element1 > element2
如果想要递归选择所有子元素,则使用以下语法

element1 > * {
    // CSS样式
}

 

w3c 选择器大全 https://www.w3school.com.cn/cssref/css_selectors.asp

相关文章:

  • 2022-01-06
  • 2022-01-26
  • 2022-01-14
  • 2021-12-13
  • 2021-12-25
  • 2022-02-10
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2022-01-17
  • 2022-02-17
  • 2021-12-01
  • 2021-08-21
  • 2021-09-12
相关资源
相似解决方案