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

相关推荐
芳草萋萋鹦鹉洲哦3 小时前
【tauri+pixijs】关于unicode/ascII/GB2312
前端·tauri·pixijs
木易 士心3 小时前
th-table 中 基于双字段计算的表格列展示方案
前端·javascript·angular.js
fakaifa4 小时前
【全开源】智慧共享农场源码独立版+uniapp前端
前端·uni-app·智慧农场·源码下载·智慧农场小程序·智慧共享农场
toooooop84 小时前
uniapp多个页面监听?全局监听uni.$emit/$on
前端·javascript·uni-app
骨子里的偏爱4 小时前
【案例】uniapp实现内部信息与外部的html网页双向通信的完整的过程,附加完整的代码部分
前端·uni-app·html
爱泡脚的鸡腿4 小时前
uni-app D4 实战(小兔鲜)
前端·vue.js·架构
星火飞码iFlyCode4 小时前
iFlyCode+SpecKit应用:照片等比智能压缩功能实现
前端·javascript
广白4 小时前
钉钉小程序直传文件到 阿里云OSS
前端·vue.js·uni-app
zyfts5 小时前
🔥告别 20 分钟等待!NestJS 生产级消息队列 BullMQ 实践指南
前端·后端
狗头大军之江苏分军5 小时前
【压力】一位一线炼钢工人的消失
前端·后端