css复合选择器，七种基本的css选择器
大家好，关于css复合选择器很多朋友都还不太明白，今天小编就来为大家分享关于七种基本的css选择器的知识，希望对各位有所帮助！
css3复合选择器权重怎么求是否是具体值
css的权重等级可以分为5个级别：
1.第一级别：内联样式，详细大家都知道什么是内联样式，既是在标签添加style属性<div style=""></div>，这种方式权重值最高，权重值为1000，但是开发过程中比较少用到这种，因为现在推荐的方式都是将css，js，html写成单独文件。这样子看起来会比较整洁以及方便管理。
2.第二级别：ID选择器，id选择器就是使用"#"开头选择，大家应该都明白，这种选择方式的权重值为0100。
3.第三级别：class选择器，class选择器就是使用"."开头的选择器，这种选择方式的权重值为0010.
4.第四级别：标签选择器以及伪类选择器，就是直接使用标签或者伪类选择器，这种两种选择方式的权重值都为0001.
5.这里提醒一下通用选择器(*),子选择器(>)和相邻同胞选择器()这三种是没有权重的，也就是权重值为0000，虽然没有权重但是比继承样式权重高；这里值得提醒一下，并非所有的伪类选择器的权重都为i，总一些领导家的孩子，像a:link，a:visited伪类选择器，他们的权重比第三级别class选择器的权重还高。
这里要提醒一下，这里的权重并不是10进制，不过在比比较的时候可以当作十进制去叠加。
二、CSS之——选择器
作用：通过元素选择器可以选择页面中的所有指定元素
语法：标签名{}
作用：通过元素的class属性值选中一组元素
语法：.class属性值{}
id选择器
作用：通过元素的id属性值选中唯一的一个元素
语法：#id属性值{}
复合选择器（交集选择器）
作用：可以选中同时满足多个选择器的元素
语法：选择器1选择器2选择器N{}
选择器分组（并集选择器）
作用：通过选择器分组可以同时选中多个选择器对应的元素
语法：选择器1,选择器2,选择器N{}
通配选择器
作用：可以用来选中页面中的所有的元素
语法：*{}
元素之间的关系：
父元素：直接包含子元素的元素
子元素：直接被父元素包含的元素
祖先元素：直接或间接包含后代元素的元素，父元素也是祖先元素
后代元素：直接或间接被祖先元素包含的元素，子元素也是后代元素
兄弟元素：拥有相同父元素的元素叫做兄弟元素
作用：选中指定元素的指定后代元素
语法：祖先元素后代元素{}
有时候，你需要选择本身没有标签，但是仍然易于识别的网页部位，比如段落首行或鼠标滑过的连接。CSS为他们提供一些选择器：伪类和伪元素。
给链接定义样式：
有四个伪类可以让你根据访问者与该链接的交互方式，将链接设置成4中不同的方式。
其他：
否定伪类
否定伪类可以帮助我们选择不是其他东西的某种东西。
语法：:not(选择器){}
比如p:not(.hello)标识选择所有的p元素，但是class为hello的除外。
属性选择器可以挑选带有特殊属性的标签。
语法：
[属性名]
[属性名="属性值"]
[属性名~="属性值"]
[属性名 ^="属性值"]
[属性名|="属性值"]
[属性名$="属性值"]
[属性名*="属性值"]
作用：选中指定父元素的指定子元素
语法：父元素>子元素
比如body> h1将选择body字标签中的所有h1标签
IE6及以下的浏览器不支持子元素选择器
其他子元素选择器
除了根据祖先父子关系，还可以根据兄弟关系查找元素。
语法：
兄弟元素+兄弟元素：查找后边一个兄弟元素
兄弟元素~兄弟元素：查找后边所有的兄弟元素
在页面中使用CSS选择器选中元素时，经常都是一个元素同时被多个选择器选中。
比如：
这两个选择器都会选择h1元素，如果两个选择器设置的样式不一样那还好不会产生冲突，但是如果两个选择器设置的是同一个样式，这样h1到底要应用哪个样式呢？CSS中会默认使用权重较大的样式，下面看一下权重又是如何计算的。
不同的选择器有不同的权重值：
CSS的几种选择器麻烦告诉我
：
标记选择器：定义html或者xhtml标签的通用CSS样式，定义语句前无前缀。例如：<style>h1{ color:red}</style><h1>This is test.</h1>
类别选择器：通过定义单独的class来定义对应样式，定义语句前缀为'.'。例如：<style>
.red{ color:red}</style><p class="red">xxxxxx</p>
ID选择器：通过对应html元素的标签ID来定义对应样式，定义语句前缀为'#'。例如：<style>#firstPar{ color:red}</style><p id="firstPar">xxxxxx</p>复合选择器:另外，可以通过这几种选择器组合定义复合选择器，例如：<style>p{ color:red
} p.firstPar{ color:blue
}.firstPar{ color:green}</style><p>普通段落</p>
<p class="firstPar">第一段</p>
<h1 class="firstPar">第一段标题</h1>全局选择器：如果想要一个页面中所有html标记使用同一种样式，可以定义一种全局选择器：'*'。例如：<style>*{ color:red; font-size:10px}</style><p>普通段落</p>
<p>第一段</p>
<h1>第一段标题</h1>后代选择器：可以通过嵌套的方式，对特殊位置的html标记进行声明。后代选择器的写法就是把外层的标记写在前面，内层的标记写在后面，之间用空格分隔。当标记发生嵌套时，内层的标记就成为外层标记的后代。
OK，本文到此结束，希望对大家有所帮助。