02CSS基本语法

CSS基本语法

---

id选择符

在HTML文档中，需要唯一标识一个元素时，就会赋予它一个id标识，以便在对整个文档进行处理时能够很快地找到这个元素。 而id选择符就是用来对这个单一元素定义单独的样式。#号表示；

类选择符 

用类选择符可以把相同的元素分类定义成不同的样式。在 CSS 中，类选择器以一个点号显示：

派生选择器

strong {color: red; }

h2 {color: red;}

h2 strong {color: blue; }

属性选择器

属性选择器在为不带有 class 或 id 的表单设置样式时特别有用：

input[type="text"]

{

width:150px;

display:block;

margin-bottom:10px;

font-family: Verdana, Arial;

}

input[type="button"]

{

width:120px;

margin-left:35px;

display:block;

font-family: Verdana, Arial;

}

选择符的优先级

在应用选择符的过程中，可能会遇到同一个元素由不同选择符定义的情况，这时候就要考虑到选择符的优先级。通常我们使用的选择符包括id选择符， 类选择符，包含选择符和HTML标记选择符等。因为id选择符是最后被加到元素上的，所以优先级最高，其次是类选择符