文章目录

CSS复合选择器

标签指定式选择器

复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的。
其中第一个为标记选择器,第二个为class选择器或id选择器,两个选择器之间不能有空格。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<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>

后代选择器

当标记发生嵌套时,内层标记就成为外层标记的后代
那么它就会显示与后代选择器相同的颜色。
第六章 JavaWeb CSS高级特性_html

并集选择器

并集选择器是各个选择器通过逗号连接而成的,任何形式的选择器( 包括标记,class(.),id(#)选择器等),都可以作为并集选择器的一部分。
第六章 JavaWeb CSS高级特性_css_02这个好用啊!!!!第一个是标记并集选择器,第二个是类,id组成得到并集选择器。整个外边使用的是内嵌式。

CSS层叠性和继承性

层叠性

层叠性比较好理解,就是选择器定义的样式可以叠加在一个标记里。

第六章 JavaWeb CSS高级特性_css_03第六章 JavaWeb CSS高级特性_html_04

继承性

第六章 JavaWeb CSS高级特性_html_05恰当的继承可以简化代码
第六章 JavaWeb CSS高级特性_css_06第六章 JavaWeb CSS高级特性_css_07第六章 JavaWeb CSS高级特性_css_08这只能做题不断记住了。

CSS优先级

ps:权啊
1.标记选择器权重1
类选择器权重10
id选择器权重100

2.继承样式权重为0,优先级最低。
行内元素优先级远大于100,第二大,仅次于!important。

3.若权重相同,谁靠后优先级越大。


第六章 JavaWeb CSS高级特性_html_09!important