189 8069 5689
1：id选择器（#myid）;
公司主营业务：成都网站设计、成都做网站、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出巴中免费做网站回馈大家。
2:类选择器（.classname）;
3:标签选择器（div,h1,p）;
4:相邻选择器（h1+p）;
5:子选择器（ulli）;
6:后代选择器（li a）;
7:通配符选择器（*）;
1.通配选择符
语法：
* { sRules }
说明：
通配选择符。选定文档目录树(DOM)中的所有类型的单一对象。
假如通配选择符不是单一选择符中的唯一组成，“*”可以省略。
示例：
*[lang=fr] { font-size:14px; width:120px; }
*.div { text-decoration:none; }
2.类型选择符
语法：
E { sRules }
说明：
类型选择符。以文档语言对象(Element)类型作为选择符。
示例：
td { font-size:14px; width:120px; }
a { text-decoration:none; }
3.属性选择符
语法：
E [ attr ] { sRules }
E [ attr = value ] { sRules }
E [ attr ~= value ] { sRules }
E [ attr |= value ] { sRules }
说明：
属性选择符。
选择具有 attr 属性的 E
选择具有 attr 属性且属性值等于 value 的 E
选择具有 attr 属性且属性值为一用空格分隔的字词列表，其中一个等于 value 的 E 。这里的 value 不能包含空格
选择具有 attr 属性且属性值为一用连字符分隔的字词列表，由 value 开始的 E
示例：
h{ color: blue; } /* 所有具有title属性的h对象 */ span[class=demo] { color: red; } div[speed=fast][dorun=no] { color: red; } a[rel~=copyright] { color:black; } 4.包含选择符语法：E1 E2 { sRules }说明：包含选择符。选择所有被 E1 包含的 E2 。即 E1.contains(E2)==true 。 示例： table td { font-size:14px; }
div.sub a { font-size:14px; }
5.子对象选择符
语法：
E1 E2 { sRules }
说明：
子对象选择符。选择所有作为 E1 子对象的 E2 。
示例：
body p { font-size:14px; }
/* 所有作为body的子对象的p对象字体尺寸为14px */
div ulli p { font-size:14px; }
6.ID选择符
语法：
#ID { sRules }
说明：
ID选择符。以文档目录树(DOM)中作为对象的唯一标识符的 ID 作为选择符。
示例：
#note { font-size:14px; width:120px;}
7.类选择符
语法：
E.className { sRules }
说明：
类选择符。在HTML中可以使用此种选择符。其效果等同于E [ class ~= className ] 。请参阅属性选择符( Attribute Selectors )。
在IE5+，可以为对象的 class 属性(特性)指定多于一个值( className )，其方法是指定用空格隔开的一组样式表的类名。例如：div class=class1 class2。
示例：
div.note { font-size:14px; }
/* 所有class属性值等于（包含）note的div对象字体尺寸为14px */
.dream { font-size:14px; }
/* 所有class属性值等于（包含）note的对象字体尺寸为14px */
8.选择符分组
语法：
E1 , E2 , E3 { sRules }
说明：
选择符分组。将同样的定义应用于多个选择符，可以将选择符以逗号分隔的方式并为组。
示例：
.td1,div a,body { font-size:14px; }
td,div,a { font-size:14px; }
9.伪类及伪对象选择符
语法：
E : Pseudo-Classes { sRules }
E : Pseudo-Elements { sRules }
说明：
伪类及伪对象选择符。
伪类选择符。请参阅伪类( Pseudo-Classes )[:link :hover :active :visited :focus :first-child :first :left :right :lang]。
伪对象选择符。请参阅伪对象( Pseudo-Elements )[:first-letter :first-line :before :after]。
示例：
div:first-letter { font-size:14px; }
a.fly :hover { font-size:14px; color:red; }
1、标签选择符：
如p{color:#F00; font-size:36px;}，使用p直接作用/p
2、类选择符：
如 .red{color:#C00;}，使用p class="red"直接作用/p
3、ID选择符：
如 #two{color:#600; font-family:'汉仪行楷简';}，使用p id="two"直接作用/p
4、包含选择符：
如 p strong{color:#F00;}，使用pstrong直接作用/strong/p
5、通配选择符：
如 *{color:#0C0; font-size:18px;}，可以控制所有的html元素作用范围很广，但是效率较低
6、选择符分组：
如p,h1,div{color:#F00;font-size:36px;}，对p,h1,div都有效
7、标签指定式选择符：
如p#one{ color:#F00;font-size:36px;}，只对id为one的p标签有效
8、组合选择符：
将所有选择符类型组合使用
CSS选择器以及选择器优先级
需要掌握优先级的选择器种类
id选择器
类名选择器
标签名选择器
伪类选择器
通配符选择器
除了上面提到的几种基本选择器之外，我们还需要了解由基本选择器组成的群组、后代选择器的计算方法。
比较多哟，给你说下几种比较常见的吧：
1、优先级最高的是内部选择器，写在标签内部，例如div style="color:red"/div，这里的color=red是写在标签内部的，所以优先级最高
2、其次是id选择器
例如div id="d1"/div style #d1{ color:red }/style，这里面#d1就是id选择器，用#表示, 标签里面是id属性 样式是#开始
3、类选择器
例如div class="c1"/div style .c1{ color:red }/style，这里面.c1就是类选择器，用.表示，标签里面是class属性，样式是 . 开始
4、标签选择器
以标签名字作为选择器，这种不常使用
例如：divdiv pp
样式对应：div{ font-size:14px } p{font-size:20px}
由标签选择器，类选择器，id选择器，还可以延伸出很多选择器，详细的可查询w3c哟
1.id选择器（ # myid）
2.类选择器（.myclassname）
3.标签选择器（div, h1, p）
4.相邻选择器（h1 + p）
5.子选择器（ul li）
6.后代选择器（li a）
7.通配符选择器（ * ）
8.属性选择器（a[rel = "external"]）
9.伪类选择器（a:hover, li:nth-child）【by三人行慕课】