CSS优先级与选择器

样式表优先级：

如果同时使用内联样式表和嵌入样式表，并设置了相同属性，则内联样式表优先级高。而同时使用嵌入样式表和外部样式表并设置相同属性，优先级由出现的先后顺序决定（后出现的覆盖先出现的）。

类型：

内联样式表：

<p style="color:red"></p>

嵌入样式表：

<style type="text/css">
    p { color: red; }
</style>

外联样式表：

<link rel="stylesheet" type="text/css" href="nav.css">

一个神奇的引入法：

<style> @import url(style.css);</style>

类选择器：

元素可以定义多个类选择器，用空格分开（但不能定义多个id选择器，id选择器唯一）如下为p定义了one two three三个类选择器

<p class="one two three"></p>

后代选择器、子元素选择器和相邻元素选择器：

后代选择器选中只要嵌套在内即可，如：

    <p>
        <table>
            <tr>
                <td>111</td>
            </tr>
        </table>
    </p>

p td {
    color:red;
}

可以让td中的字体变为红色

子元素选择器选择器中比如要临近关系

p > table {
    border: 1px;
}

/* 下面是无效的 */
p > td {
    color:red;
}

相邻元素选择器选中的是相邻元素，如：

<div>
  <ul>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
  </ul>
  <ol>
    <li>List item 1</li>
    <li>List item 2</li>
    <li>List item 3</li>
  </ol>
</div>

li + li {font-weight:bold;}

上面这个选择器只会把列表中的第二个和第三个列表项变为粗体。第一个列表项不受影响。

三种选择器可以相互结合使用。
延伸阅读：http://www.w3school.com.cn/css/css_selector_adjacent_sibling.asp

选择器优先级：

ID选择器 > 类选择器 >关联选择器 > HTML选择器
注：关联选择器是指以上三种选择器总称

1.一个标签选择器值1分。
2.一个类选择器值10。
3.一个ID选择器值100分。
4.一个行内样式（如：style）值1000分。

附：!important值∞