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

相关推荐
某只天落10 小时前
Vue2 通用文件在线预览下载组件:一站式解决多类型文件处理需求(支持视频、文档、图片、Office)
前端
AY呀10 小时前
黑马喽大闹天宫与JavaScript的寻亲记:作用域与作用域链全解析
前端·javascript·面试
金融数据出海10 小时前
日本股票市场渲染 KlineCharts K 线图
前端·后端
是Yu欸10 小时前
DevUI MateChat 技术演进:UI 与逻辑解耦的声明式 AI 交互架构
前端·人工智能·ui·ai·前端框架·devui·metachat
梦想CAD控件10 小时前
AI生成CAD图纸(云原生CAD+AI让设计像聊天一样简单)
前端·javascript·vue.js
栀秋66610 小时前
JavaScript 中的 简单数据类型:Symbol——是JavaScript成熟的标志
前端
Nayana10 小时前
前端控制批量请求并发
前端
ssjlincgavw10 小时前
前端高手进阶:从十万到千万,我的性能优化终极指南(实战篇)
前端
比老马还六10 小时前
Bipes项目二次开发/设置功能-1(五)
前端·javascript
转转技术团队10 小时前
VDOM 编年史
前端·设计模式·前端框架