css选择器

css

基本语法结构:

选择器{
属性：值；
}

选择器作用：选中标签对其进行样式美化
属性作用：对元素进行哪些样式美化
值作用：决定属性美化的程度
注意：css的属性与html元素行内属性不是一个东西

css 选择器

• 元素选择器

  • html标签；选中所有对应的html标签
  • .class 选中素有具有class行内属性的标签
  • #id 选中所有具有id 行内属性的标签
  • *选中所有的元素

  id与class 区别：

  • id具有唯一性 建议：不要给不同的元素命名同一个id值

  • class 类选择器；可以给多个元素同一个class值

  • 关系型选择器

  • 父子

  • 空格 子孙

  • ~普通兄弟

  • +相邻兄弟

  • 属性选择器

    • 语法：元素[属性=值]
    • 例如: input[name=login]选中input例如是name=login的标签

  • 伪类选择器

    • 鼠标事件 :hover 当鼠标移动到元素时候显示什么样式
      :active 在鼠标点击和释放之间的样式
      :link 链接访问前的样式
      ：visited 链接访问后的样式 注意： 只是针对链接a标签
      不建议使用 visited link 有缓存
    • 集合选择器
      li:nth-og-type(n)选中第n个li