从基础复习前端html--7.css选择器

1.元素选择器(类型选择器)

文档的元素就是最基本的选择器，比如p、h1、em、a甚至可以是html本身。

html{color:black;}   h1{font-size:20px;}

2.css分组

h2,p{color:gray},设置h2和p元素都为灰色，同时设置n个元素中间用,隔开。

3.通配符选择器

css中*代表通配符。*{color:red;},设置文档中每个元素为红色。

4.css类选择器（class选择器）

类选择器允许以一种独立于文档元素的方式来指定样式。

html：<p class="important">我是段落</p>。style：.important{color:red;},p.important{color:red;}

css多类选择器，<p class="inportant warning">我是段落</p>,各个class名之间用空格隔开。

5.cssID选择器

ID选择器只允许在文档中出现一次。<div id="one">只允许出现一次</div>。

6.css属性选择器

属性选择器可以根据元素的属性及属性值来选择元素。

*[title]{color:red;}把包含（title）的所有元素变为红色。a[href][title]{color:red;}将同时有href和title属性的a文本变红色。img[alt]{border:5px solid red;},诊断所有带有alt属性的图像是否确实有效。