<!DOCTYPEhtml>
<htmllang="en">
<head>
<metacharset="UTF-8">
<metahttp-equiv="X-UA-Compatible"content="IE=edge">
<metaname="viewport"content="width=device-width, initial-scale=1.0">
<title>基础选择器之id选择器</title>
<style>
/* 1.2.1 id选择器 */
/* id选择器可以为标有特定id的HTML元素指定特定的样式
HTML元素以id属性来设置id选择器，css中id选择器以"#"来定义 */
/* 语法
#id名 { 例如#nav
属性1：属性值1 color:read 将id为nav元素中的内容设置为红色
---
} */
/* id选择器口诀：样式#定义，结构id调用，只能调用一次，别人切勿使用
使用起来和类选择器很像，区别在于类选择器用.来定义用class调用可以调用多次*/
#pink {
color: pink;
}
/* 1.2.2 通配符选择器 */
/* css中，通配符选择器使用“*” 来定义，它表示选取页面中所有元素（标签） */
/* * {
属性1:属性值;
} */
* {
color: red;
/* 这里把HTML body div span li 等等的标签都改为了红色 */
/* 通配符不需要调用，自动就给所有的元素使用样式
通配符特殊情况才使用，后面讲解使用场景*/
}
</style>
</head>
<body>
<divid="pink">王新桦</div>
</body>
</html>
