1、CSS选择器:


  • id选择器(#myid)
  • 类选择器(.myclass)
  • 标签选择器(div,h1,p)
  • 相邻选择器(h1+p)
  • 子选择器(ul>li)
  • 后代选择器(li a)
  • 通配符选择器(*)
  • 属性选择器(a[rel=“external”])
  • 伪类选择器(a:hover, li:nth-child)

2、CSS3属性选择器:


  • a[href$=’.pdf’]:选择href属性中以.pdf结尾的元素
  • a[href^=‘www’]:选择href属性中以www开头的元素
  • a[href*=‘tmc’]:选择href属性中包含tmc的元素

3、CSS3常见伪类选择器:

:nth-of-type():

  • 可以通过参数来选择表格中的奇数行和偶数行,odd表示奇数行,even表示偶数行

:nth-child():


  • 参数n时选中所有行
  • 参数为n+i时表示从第i行开始下面的都被选中,如n+3,从第3行开始下面全部选中
  • 2n表示2的倍数行被选中,选中偶数行
  • 2n+1表示选中奇数行
  • 3n表示每个3行选中一次

可继承的属性:font-size, font-family, color

不可继承的样式:border, padding, margin, width, height

优先级(就近原则):!important>[id>class>tag]

!important比内联优先级高