CSS基础

CSS基础

一、CSS选择符

  1.id选择器（#myid）

  2.类选择器（.没有class）

  3.标签选择器（div,h1)

  4.相邻选择器（h1+p)

  5.子选择器（ul>li)

  6.后代选择器（li a）

  7.通配符选择器（*）

  8.属性选择器（a[rel="external]

  9.伪类选择器（a:hover,li:nth-child)

二、CSS可样式

  可继承样式：

  1.font-size

  2.font-family

  3.color

  4.text-indent

  不可继承样式：

  1.border

  2.padding

  3.margin

  4.width

  5.height

三、优先级算法

  1.优先级就近元原则，同权重情况下样式定义最近者为准；

  2.载入样式以最后载入的定位为准；

  3.！important>id>class>tag;

  4.important比内联优先级高，但内联比id要高；

四、css新增伪类

   1.p:first-of-type:选择属于其父元素的首个<p>元素的每个<p>元素；

   2.p:last-of-type:选择属于其父元素的最后<p>元素的每个<p>元素；

   3.p:only-of-tyle:选择属于其父元素唯一的<p>元素的每个<p>元素；

   4.p:only-child:选择属于其父元素的唯一子元素的每个<p>;

   5.p:nth-child(2):选择属于父元素的第一个子元素的每个<p>;

   6.:enabled:disabled:控制表单控件的禁用状态；

   7.:checked:单选框或复选框被选中。