CSS选择器
Html用于呈现网页的内容与结构,CSS用于设置页面中内容的外观,即表现形式,在对内容进行样式的设置时,首先要选择欲应用样式的内容,这主要通过CSS的选择器进行。本部分内容主要对CSS选择器进行学习。
一、基础选择器
1.通配符 *
选定文档内所有的对象,通常用于对全局内容样式的设置。
2.ID选择器 #ID
在HTMl中,ID的使用要尽量少用,以增强CSS代码的通用性。ID主要用于页面区块内容的划分。
3.类选择器 .className
通过class属性进行选择,是使用最多的一种方式
4.标签选择器
通过标签类型进行选择
例1.基础选择器的使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>选择器</title>
</head>
<body>
<div id="wrap">
<header></header>
<div class="page_body"></div>
<footer></footer>
</div>
</body>
</html>
二、关系选择符
三、属性选择符
四、伪类选择符
五、伪对象选择符