概要
学习本篇博客
事先阅读:
1. http://www.runoob.com/css/css-id-class.html
将会学到以下内容:
1. CSS基本选择器:id选择器、class选择器、标签选择器
2. CSS其他选择器:后代选择器、子选择器
基本选择器
标签选择器
语法:S{…}
含义:设置S标签样式
<style>
p{
font-style:italic;
}
</style>
<!--下面的文字是斜体的-->
<p>Hello World!</p>
其他选择器
1.后代选择器
语法:A B{…}
含义:设置A标签下的B标签的样式,B标签可以是A的子代。
<style>
div p{
color:yellow;
}
</style>
<div>
<p>yellow text</p><!--文字是黄色的-->
</div>
2.子选择器
语法:A>B{…}
含义:设置A标签下的B标签的样式,B标签只能是A的儿子。
<style>
div>p{
color:red;
}
</style>
<div>
<p>red text</p><!--文字是红色的-->
<table>
<tr>
<td>
<p>no red text;</p><!--文字是非红色的-->
</td>
</tr>
</table>
</div>