id 选择器和派生选择器
2019年11月30日
作者:佚名
在现代机关中,id 选择器时经常使用于设立派生决意器。
#sidebar p { font-style: italic; text-align: right; margin-top: 0.5em; }
下面的样式只会使用于涌当初 id 是 sidebar 的元素内的段落。这个元素很可能是 div 能够是表格单位,尽管它也多是一个表格笼统其它块级元素。它以致可所以一个内联元素,好比 <em></em> 大约 <span></span>,不外这样的用法是合法的,因为不成以在内联元素 <span> 中嵌入 <p> (假定你健忘了缘由,请参阅 XHTML:站点重构)。
一个决议器,多种用法即便被标注为 sidebar 的元素只能在文档中出现一次,这个 id 决意器作为派生抉择器也可以被使用很屡次:
#sidebar p { font-style: italic; text-align: right; margin-top: 0.5em; } #sidebar h2 { font-size: 1em; font-weight: normal; font-style: italic; margin: 0; line-height: 1.5; text-align: right; }
在这里,与页面中的此外 p 元素显著不同的是,sidebar 内的 p 元素失掉了不凡的措置,同时,与页面中其余全数 h2 元素明明差异的是,sidebar 中的 h2 元素也取得了分歧的特殊处置惩罚。