css的选择器学习

  • 标签选择器：
    • 标签名{样式名1：样式值1;……}
    • 作用：会将当前网页内的所有该标签增加相同的样式
  • id选择器:
    • #标签的id属性值{样式名1：样式值1;……}
    • 作用：给某个指定的标签添加指定的样式
  • class类选择器：
    • .类选择器名{样式名1：样式值1;……}
    • 作用：给不同的标签添加相同的样式
  • 全部选择选择器
    • ‘*’{样式名1：样式值1;……}
    • 作用：选择所有的HTML标签，并添加相同的样式
  • 组合选择器：
    • 选择器1,选择器2,……{样式名1：样式值1;……}
    • 作用：解决不同的选择器之间重复样式的问题
  • 子标签选择器
    • 选择器1 子标签选择器{样式名1：样式值1;……}
  • 属性选择器：
    • 标签名[属性名=属性值]{样式名1：样式值1;……}
    • 作用：选择某标签指定具备某属性并且属性值为某属性值的标签