css

DOM并不是与网页结构打交道的唯一技术。
可以通过CSS(层叠样式表）告诉浏览器应该如何显示一份文档的内容。
继承是css技术中的一项强大功能。节点树上的各个元素将继承其父元素的样式属性。
为了把某一个或某几个元素与其他元素区别开来，需要class属性和id属性。

class属性

你可以在所有的元素上任意应用class属性。
可以为class属性值相同的所有元素定义同一种样式。

  .special {
         font-style: italic;
}

也可以为一种特定类型的元素定义一种特定的样式。

h2.special {
    text-transform: uppercase;
}

id属性

给网页的某个元素加上一个独一无二的标识符。
可以为有特定id属性值的元素定义一种样式

  #purchases {
           border: 1px solid white;
           background-color: #333;
          color: #ccc;
          padding: 1em;
 }

可以利用id属性为包含在该特定元素里的其他元素定义样式。

      #purchases  li {
           font-weight: bold;
}