cssID选择器
【摘要】 <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="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>
<div id="pink">王新桦</div>
</body>
</html>
【版权声明】本文为华为云社区用户原创内容，转载时必须标注文章的来源（华为云社区）、文章链接、文章作者等基本信息， 否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）