css小例子

1.伪对象选择器

 <style>

　　p:first-letter{

/*first-letter,选择第一个字*/

　　　　font-size:20px;

　　　　color:red;

}

div:first-line{

/*first-line选择第一行*/

　　　　color:green;

}

</style>

<div>

<h1>我爱学习</h1>

<p>我爱杯中酒</p>

<p>爱只不感求</p>

<p>学到北海仙</p>

<p>习之势翩翩</p>

</div>

2.兄弟选择器

哥+弟修饰弟；div+p{};