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>元素上;

相关推荐
_AaronWong22 分钟前
Electron 实现仿豆包划词取词功能:从 AI 生成到落地踩坑记
前端·javascript·vue.js
cxxcode23 分钟前
I/O 多路复用:从浏览器到 Linux 内核
前端
用户54330814419431 分钟前
AI 时代,前端逆向的门槛已经低到离谱 — 以 Upwork 为例
前端
JarvanMo35 分钟前
Flutter 版本的 material_ui 已经上架 pub.dev 啦!快来抢先体验吧。
前端
恋猫de小郭1 小时前
AI 可以让 WIFI 实现监控室内人体位置和姿态,无需摄像头?
前端·人工智能·ai编程
哀木1 小时前
给自己整一个 claude code,解锁编程新姿势
前端
程序员鱼皮1 小时前
GitHub 关注突破 2w,我总结了 10 个涨星涨粉技巧!
前端·后端·github
UrbanJazzerati1 小时前
Vue3 父子组件通信完全指南
前端·面试
是一碗螺丝粉1 小时前
5分钟上手LangChain.js:用DeepSeek给你的App加上AI能力
前端·人工智能·langchain
wuhen_n1 小时前
双端 Diff 算法详解
前端·javascript·vue.js