css选择器

css选择器

派生选择器: 通过依据元素在其位置的上下文关系来定义样式, 也叫上下文选择器

li strong {
    font-style: italic;
    font-weight: normal;
}

<p><strong>我是粗体字，不是斜体字，因为我不在列表当中，所以这个规则对我不起作用</strong></p>
<ol>
　　<li><strong>我是斜体字。这是因为 strong 元素位于 li 元素内。</strong></li>
　　<li>我是正常的字体。</li>
</ol>

id选择器
类选择器
属性选择器: 对带有指定属性的 HTML 元素设置样式

选择器	描述
[attribute]	用于选取带有指定属性的元素。
[attribute=value]	用于选取带有指定属性和值的元素。
[attribute~=value]	用于选取属性值中包含指定词汇的元素。
[attribute|=value]	用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。
[attribute^=value]	匹配属性值以指定值开头的每个元素。
[attribute$=value]	匹配属性值以指定值结尾的每个元素。
[attribute*=value]	匹配属性值中包含指定值的每个元素。