1、

2、

3、属性选择器

可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。注释：只有在规定了 !DOCTYPE 时，IE7 和 IE8 才支持属性选择器。在 IE6 及更低的版本中，不支持属性选择。

CSS 选择器参考手册

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

具体demo与语法参考：

4、选择器分组

5、包含选择器（后代选择器）

6、标签指定式的选择器

如果想同时使用id和class，也想同时使用标签选择符，可以使用如下的方式：

/*表示所有id为idDemo的p标签*/          p#idDemo {            background: cadetblue;            font-size: 36px;        }        /*表示所有class为classDemo的h1标签*/          p.classDemo {            background: cadetblue;            font-size: 36px;        }        /*小注：标签指定式的选择符用#或者.来连接，中间不能有空格*/

效果如下：

测试代码：

    
            
            
 真正的才智是刚毅的志向。 —— 拿破仑
    
        感情有着极大的鼓舞力量，因此，它是一切道德行为的重要前提，谁要是没有        强烈的志向，也就不能够热烈地把这个志向体现于事业中。 —— 凯洛夫    
    
    
     勇敢坚毅真正之才智乃刚毅之志向。 —— 拿破仑
    
    
        生活赋予我们一种巨大的和无限高贵的礼品  ，这就是青春：充满着力量，充满着期待志愿，充满着求知和斗争的志向，充满着希望信心和青春。 —— 奥斯特洛夫斯基        
        志向不过是记忆的奴隶，生气勃勃地降生，但却很难成长。 —— 莎士比亚    
    
人所缺乏的不是才干而是志向，不是成功的能力而是勤劳的意志。 —— 部尔卫
    
        当教师把每一个学生都理解为他是一个具有个人特点的、具有自己的志向、自己的智慧和性格结构的人的时候，这样的理解才能有助于教师去热爱儿童和尊重儿童。 —— 赞科夫    
    
        555555555555555555555555555555555555555555