CSS应用及其优先级问题
来源：互联网 发布：js array slice 删除 编辑：程序博客网 时间：2024/04/29 17:11
在网页设计的时候，我们对于格式化的部分，通常都是通过CSS来实现的。编写CSS样式有几种方式
1. 内联的
所谓内联(inline)，就是说直接在元素处通过style这个attribute定义。例如
hello,world
显然，这种方式的话，必须为每个元素都去定义，非常繁琐。除了个别的情况，我们都不推荐这么做。
2. 内部的
为了实现样式的共享，例如一批div都希望设置颜色为blue，那么其实没有必要为每个div去设置一个style，而是可以直接在页面style即可，例如
div
{
color:Blue
}
这段定义一般是被放在head里面的。如此定义之后，该页面中所有的div就可以使用统一的颜色设置了，不管有多少个div。
但是，假设页面上有很多div，但只有一部分div需要设置颜色为blue，那又该怎么办呢？
我们可以css语法中的类选择器和ID选择器的定义方式来做
类选择器：
.bluediv
{
color:Blue;
}
需要注意的是，我们定义了一个特殊的名字，叫做bluediv，而且在它的前面加了一个点(.)，这就表示是一个类。与之前直接定义div的style不同，需要使用这个类的div必须明确地声明，如下
hello,world
我们通过class这个attribute来指定当前的div需要使用bluediv这个类样式。
除了使用类选择器，还可以使用ID选择器，就是说，可以为某个特定ID的元素匹配一个样式规则。例如
#mydiv
{
color:Red;
}
注意：我们用#来表示这个样式是针对ID的。要使用该样式，需要修改div的定义如下
hello,world
