文章目录
- 标签指定式选择器
- 后代选择器
- 并集选择器
- CSS优先级
CSS复合选择器
标签指定式选择器
复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的。
其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间不能有空格。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>font属性</title>
<style type="text/css"><!内嵌式>
.one{font:italic 18px/30px "隶书";}
p{color:blue;}<!标记选择器>
.s{color:green;}<!类选择器>
p.s{color:red;}
</style>
</head>
<body>
<p>sdsasdad</p>
<p class = "s">段落1: 使用font属性综合设置大法好 </p>
<h3 class = "s">段落2:我是对比用的</h3>
</body>
</html>
后代选择器
当标记发生嵌套时,内层标记就成为外层标记的后代
那么它就会显示与后代选择器相同的颜色。
并集选择器
并集选择器是各个选择器通过逗号连接而成的,任何形式的选择器( 包括标记,class(.),id(#)选择器等),都可以作为并集选择器的一部分。这个好用啊!!!!第一个是标记并集选择器,第二个是类,id组成得到并集选择器。整个外边使用的是内嵌式。
CSS层叠性和继承性
层叠性
层叠性比较好理解,就是选择器定义的样式可以叠加在一个标记里。
继承性
恰当的继承可以简化代码
这只能做题不断记住了。
CSS优先级
ps:权啊
1.标记选择器权重1
类选择器权重10
id选择器权重100
2.继承样式权重为0,优先级最低。
行内元素优先级远大于100,第二大,仅次于!important。
3.若权重相同,谁靠后优先级越大。
!important