[导入]CSS核心概念

/**/ /* Basic heading style*/
h2
{...} {
color: #333;
font-size: 16px;
}

/* Adjust the color of h2 when used as a title */
h2#title
{
color : #f00 ;
}

< h2 > 这里也是Title </ h2 >

< h2 id ="title" > 这里是主标题Title </ h2 >

< ul id ="dranks" >
< li class ="alcohol" > Beer </ li >
< li class ="alcohol" > Spirits </ li >
< li class ="mixer" > Cola </ li >
< li class ="mixer" > Lemonade </ li >
< li class ="hot" > Tea </ li >
< li class ="hot" > Coffee </ li >
</ ul >

/**/ /* Css先声明默认文本的红色。因此，任何不带类属性的项都具有默认的红色文本
----------------------------------------------------*/
ul#drinks
{...} {
color :#F00;
}
/**/ /* 给每个饮料种类的类字体颜色定义了唯一的灰度
-------------------------------------------------*/
.alcohol
{...} {
color :#333;
}
.mixer
{...} {
color :#999;
}
.hot
{...} {
color :#ccc;
}