复合选择器CSS
1、 1. 多元素选择器(组合选择器),就是给多个html元素(<标签 class=”” id=”” >)加相同的样式,相同的属性和属性值;
格式:选择器,选择器,选择器{共有的属性:属性值; }
例如:ul,li,p,ol,body .myclass{ font-size:12px; }
需求:有序列表,无序列表 ,表格,自定义列表,设置两个标题,其中的一个标题引用类样式,主体内容,字的大小为12px ,字体为宋体,颜色是深灰色
标签 class=”” id=”” >
例如:<head>中输入

2、在body标签中


3、 后代元素选择器:给html元素的后代元素加样式
格式: 选择器1 选择器2 {属性:属性值; }
.myclass ul li{ }
#myid .myclass a{ }
1).选择器1里面的选择器2
2). 选择器和选择器之间用空格

4、例如2在<head>中输入

5、在body中的元素

6、例如3

7、子元素选择器 :html元素中的子元素加样式
格式 选择器>选择器{ }
例如 div>ul{ } ul>li{ }
例如在<style></style> 之间加

8、 8.在body中的html元素
(子元素就是标签里面的第一层元素
<div>
<ul>
<li>邓超</li>
<li>孙俪 </li>
</ul>
</div>
Ul是div子元素 ,li是ul子元素)

9、伪类:锚的伪类,给链接用 ,伪类是已经定义好的
格式
a:link 未访问的链接
a:visited 访问过的链接
a:hover 鼠标移到链接上
a:active 单击鼠标左键那一时刻
通常设置的时候一般按照我书写的顺序
未访问和访问过的样式通常设置一样;
设置鼠标移上
