3.div的三种选择器[id选择器 元素选择器 类选择器 ](菜鸟学前端)
1.id选择器:
一种万能的选择器,在任何标签中都适用。注意:id对应属性名前的#一定不能丢。
用法:#id所调用的属性名{}
例:
<head>
<style>
#div2{
color: rgb(17, 0, 255);
}</style>
</head>
<body>
<div id="div2">呼呼哈嗨</div>
</body>
2.元素选择器
选择出具有相同标签名称的属性
用法;属性名{}
例:
<head>
<style>
div{
color: rgb(17, 0, 255);
}</style>
</head>
<body>
<div>呼呼哈嗨</div>
</body>
3.类选择器
用法: 头部:.class所对应的属性值{} 注意:class对应属性名的前面的小点一定不能丢。
例:
<head>
<style>
.div3{
color: hotpink;
}
</style>
</head>
<body>
<div class="div3">英雄有梦</div>
</body>
【推荐】还在用 ECharts 开发大屏?试试这款永久免费的开源 BI 工具!
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步