(1)派生选择器:li strong{....},是所有<li>..<strong>...</strong></li>中的<strong>的样式。
#sidebar h2{....}
虽然两个的id都是sidebar,但作为派生选择器可以重复出现。
同理,此两个只对例如<div id="sidebar">...<p>...</p>..</div>才有效,对<p id="sidebar">无效。但是对于 <h2 id="sidebar"><p>..</p></h2>有效。!!对标题级嵌套,一切无效:<h1 id="sidebar"><h2><><>!!
(3)类选择器:.center{...}创建了一个class="center"的样式,所有标签都可以使用
注意1:类选择器也可以建立派生选择器:.center h1{...},如<div class="center">..<h1>..</h1></div>中,h1就会有 center的 样式。
注意2:td.fancy{...},创建了一个针对td的样式,只有<td class="fancy">才会有此样式的效果。
strong{...},是所有<strong>的样式,不过不能覆盖上面的,因为上面的是重构过的。
(2)id选择器:#red {color:red;},创建了id=="red"的样式。
注意:id选择器常常用于建立派生选择器:#sidebar p {....}#sidebar h2{....}
虽然两个的id都是sidebar,但作为派生选择器可以重复出现。
同理,此两个只对例如<div id="sidebar">...<p>...</p>..</div>才有效,对<p id="sidebar">无效。但是对于 <h2 id="sidebar"><p>..</p></h2>有效。!!对标题级嵌套,一切无效:<h1 id="sidebar"><h2><><>!!
(3)类选择器:.center{...}创建了一个class="center"的样式,所有标签都可以使用
注意1:类选择器也可以建立派生选择器:.center h1{...},如<div class="center">..<h1>..</h1></div>中,h1就会有 center的 样式。
注意2:td.fancy{...},创建了一个针对td的样式,只有<td class="fancy">才会有此样式的效果。