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

相关推荐
linux_cfan2 小时前
videojs v10 源代码系列解读:06 · DOM 工具箱:事件、聚焦、Shadow DOM、定位
前端
尾善爱看海2 小时前
Vue 面试进阶篇:Composition API、插槽、自定义指令……8 个章节 + 高频面试题全解析
前端·javascript·vue.js·面试·vue
SEO_juper3 小时前
外贸多语言站最隐蔽的流量杀手:hreflang 错了,谷歌把德语页推给美国人(附审计脚本)
开发语言·前端·python·seo·独立站·谷歌优化
亿元程序员3 小时前
为什么现在 AI 这么发达了,还要坚持手搓教程?
前端
三小河3 小时前
在 Codex 桌面端接入 DeepSeek 模型(CC Switch 代理中转)
前端·javascript·人工智能
CoderYanger4 小时前
前端基础——JavaScript(WebAPI)代码案例
java·开发语言·前端·javascript·css·前端框架·html5
恋猫de小郭4 小时前
Shopify 从 React Native 回到 Swift/Kotlin,但是你以为有手就行??
android·前端·ios
BillKu4 小时前
Element Plus 的 el-tab-pane:lazy 的说明
前端·javascript·vue.js
爱勇宝4 小时前
《道德经》第 11 章:真正有用的,常常是你没写出来的那部分
前端·后端·产品
jearry4 小时前
WebView2 原生拖放的桥接之道:拆解 yyzTools 的 drop-zone.js
前端·c++