CSS样式选择器

最近在做网站的时候，由于是用Joomla做的 。自己开发了一个模版，但是在实际的使用中 发现模版中的有些字体和颜色并不是我预想中的那样的。自己对CSS只是看过几次，并没有很深入的学习。估计问题就在这里。所以这次特地花时间学习一下CSS的样式选择器。

CSS样式选择器

1，什么是CSS样式选择器？
 　　就我个人的理解 样式选择器其实就是一个限定符，有点类似于C++中的命名空间。他指明了这个样式将会用在什么地方。

2，CSS样式选择器有哪几种？
 　样式选择器有一下几种 :
    1,HTML标签选择器 ，顾名思义就是单独对一个HTML标签的样式控制。
　 2，ID选择器  Class选择器 ，   每一个HTML元素都有ID属性 和类属性。<p id="p_id"  class="p_class"> 他的作用就是对HTML元素ID或者CLass为指定的id或者class名的标签进行样式控制。ID选择器在整个HTML文档中只能出现。<p id="p_id"> </p> <div id="p_id"></div> 这是错误的写法。因为id重复了。虽然在HTML中并不会出错。但是当你需要对页面进行特效处理的时候 ，问题就会产生。DOM中有一个方法就是Doucment.getElementById()的参数为id，如果一片文档中有两个id，那么这个函数就会出错。除此之外，id选择器和Class选择器没有区别。<p class="p_class"></p> <div class="p_class"></div>这是没有任何问题的。
　3，关联样式选择器。 它的意思是说 你要同时满足我给的条件 你才能拥有我指定的样式。比喻说 有一个关联样式选择器 #one .two p 那么他的条件是 首先在一个id为one的标签下面 需要嵌套一个类为two的标签 同时还需要在类为two的标签下面还需要嵌套一个p标签 如果条件都满足 那么p中的内容就会拥有我们指定的样式。关于关联样式选择器我们需要注意的几点。
　　a,你可以将他理解为且。或者是多层嵌套。只有同时满足是才能具有我们指定的样式。这个样式选择器比比较苛刻。所以优先级自然就比较高了。
　　b,指定样式时的顺序很重要，不可颠倒。
　　c,嵌套之间是可以允许有其他的嵌套的，同样可以满足条件。举例来说。对于#one .two p  下面的代码同样满足 <div id="one"> <div class="two"><span><p>aaaa</p></span></div></div> .虽然在p之前多了一个标签<span>。但仍然是满足#one .two p的关联样式选择器的
  4，组合样式选择器。 组合样式选择器比较简单。所谓的组合，意思就是为了减少样式重复，程序员减少书写重复的代码的一种方法。如果不同的选择器具有相同的样式，那么我们可以把这些选择器放在一起，用逗号隔开。就可以了。
　5，伪样式选择器。这种比较常见 也比较有用，他可以很方便的制造出特效。目前我们常用的伪样式选择器有 a 和 p标签。 具体如下：
　　a:a:link 没有动作时的样式；
　　b:a:hover 鼠标放在上面的样式；
     c:a:active 选择超链接时的状态；
　  d:a:visited 访问过的超链接的状态;
     e:p:first-letter 段落中首字母的状态
　　f:p:first-line  段落中第一行的状态；

3，CSS中样式的继承
  所谓的样式的继承 就是里层的标签继承了外出的样式。非常的简单。

4，样式选择器的优先级
　关联样式选择器的优先级 > ID选择的优先级 >Class选择器的优先级 >HTML元素选择器的优先级。

5 CSS样式选择器相关的问题？
  在写网页的时候 如果你很明确的为某一个部分指定了样式，但是实际运行中却并没有出现期待的样式。那么此时你需要考虑，是不是优先级的问题。其实，大部分情况下 如果不是书写错误就是优先级的问题。