登录    关于
马育民老师的博客

马育民的博客

QQ:65242847

CSS教程:id选择器

说明

选择指定的 标签的ID ,并设置样式

语法

#ID名{
    属性1:值1;
    属性2:值2;
}

应用场景

由于每个标签的 ID 是唯一的,所以 ID选择器 只能针对一个标签使用

无法对多个标签使用

案例

实现京东顶部导航

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        * {
            margin: 0;
            padding: 0;
        }
        #shortcut {
            border-bottom: 1px solid #ddd;
            background-color: #e3e4e5;
        }
    </style>
</head>
<body>
    <div id="shortcut">您好</div>
</body>
</html>

将 id是 shortcut 的标签,设置样式


原文出处:https://malaoshi.top/show_1IX1FeSwNjRg.html