css标签选择器学习

html 复制代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>div demo </title>
<style>
    div {

       background-color: red;

     }
</style>
</head>
 
<body>
 
<div id="div1" style="width: 100px;height: 100px;border: 3px solid green;">
</div>
<div id="div2" style="width: 200px;height: 100px;border: 3px solid green;">
</div>
<div id="div3" style="width: 200px;height: 150px;border: 3px solid green;">
</div>

</body>
</html>

有三个div;然后在<style></style>中,指定了

div {

......

}

这样在这里定义的样式将应用到本页面的所有div上;这是标签选择器,选择了所有的<div>标签;

运行如下;

假如在<style></style>中定义,

p{

font-size:12px;

background:#900;

color:090;

}

则样式将应用到本页面所有的<p>元素上;

相关推荐
A24207349308 分钟前
JavaScript学习
前端·javascript·学习
奋斗吧程序媛11 分钟前
动态组件驱动的标签页架构(简单来说:一个页面包含许多Tabs页面,这些Tabs页面渲染逻辑)
前端·javascript·vue.js
Felix_Fly11 分钟前
用 Vue3 + naive-cron 开发 Cron 表达式工具:从 0 到 1 实现生成 + 反解析
前端·javascript·vue.js·vue·cron·naive
开发者小天14 分钟前
react中useReducer的使用
前端·javascript·react.js
小虎牙00720 分钟前
关于Android Compose架构的思考
android·前端·mvvm
Calm5501 小时前
ele表单未输入值提示为英文
前端
爪洼守门员2 小时前
前端性能优化
开发语言·前端·javascript·笔记·性能优化
TOYOAUTOMATON2 小时前
GTH系列模组介绍
前端·目标检测·自动化
2022.11.7始学前端2 小时前
n8n第十节 把Markdown格式的会议纪要发到企微
前端·chrome·n8n