日期:2014-05-17  浏览次数:20601 次

css样式,
td{}   类型选择符
table   td{}包容选择符
div.note   {}类选择符
#id   {}   id选择符
a,p,sub   {}分组选择符

请问
1,各位这些选择符可以嵌套使用吗?
2,类型选择符究竟是什么个意思?
比如a.a9.link{}这个是用的是类型选择符吗?如果是为什么有.a9?我现在对这个.不明白,哪个点究竟最多有几个呢?是不是根据属性的归属来决定.的多少呢?
3,div.note   a   {   font-size:200px;   }   这个是不是嵌套的选择符
4,有没有这样一来xx.yy.jj.kk.mm.nn   {},如果有,请问xx,yy.jj.kk.mm.nn都是如何包容的?


------解决方案--------------------
1.可以.
2.html标签根据自己的属性(tagName id class)来选择你定义好的css样式,优先级不同,一般是id> class> tagName.

比如:
<a id= "link " class= "link "> 123123 </a>
a{font:9px color:red}
.link{font:12px}
#link{font:14px}
优先级是#link的最大,所以显示出来的文字应该是14像素,红色字体~~~
嵌套的也有优先级,比如a.link{}的优先级大于.link{}....

a.a9.link如同以下:
<style>
p.tt1.tt2{
font-size:50px;
}
</style>
<p class= "tt1 ">
<p class= "tt2 ">
50像素的字
</p>
</p>


3. div.note a适合如下情形,只改变a标签里面的css属性而不改变div内其它元素的css属性,如span
<div class= "note "> <a> 123123 </a> <span> 123123 </span> </div>

4.正在研究.