CSS ID与类

• Z时代
• 2024-01-10
• 分类：问答

CSS ID和CSS Class之间的基本区别是什么？

有人告诉我，ID在一个页面中只能使用一次。但是我发现它可以多次使用。

喜欢

body
{
        background-color: #3399FF;
}
div#menuPane{
    position: absolute;
    left: 25px;
    top: 25px;
    width: 25%;
}
div.menu {
    display: block;
    font-size: 14px;
    margin: 0;
    padding: 0;
    border: 2px solid #7FC07F;
}
div.menu a {
    display: block;
    font-weight: bold;
    text-decoration: none;
    text-align: right;
    letter-spacing: 1px;
    margin: 0px;
    color: black;
    border-top: 1px solid #487048;
}
div.menu a:link{
    background: #33CCFF;
}
div.menu a:visited{
    background: #33CCFF;
}
div.menu a:hover{
    background: #3FC73F;
    letter-spacing: 2px;
}
div.menu h4{ 
    padding: 2px;
    margin: 0px;
}
div#content{
    position: absolute;
    left: 30%;
    top: 25px;
    width: auto;
    border: 2px double #7FC07F;
    background-color: #33CCFF;
    padding: 2px;
    margin-right: 5px;
}
div#content h3{
    background-color: #A3F4A3;
    text-align: right;
    letter-spacing: -1px;
    color: #386938;
    border-bottom: 1px solid black;
}
div#content a:link, a:visited{
    background:#0099FF;
    color: #A3F4A3;
    letter-spacing: 1px;
}
div#content a:hover{
    background: #FF0000;
    color: #A3F4A3;
    letter-spacing: 1px;
}

回答：

它只能分配给页面中的一个元素，但是可以在多个CSS规则中使用。可以将类名称分配给页面中的多个元素。

以上是 CSS ID与类 的全部内容， 来源链接： utcz.com/qa/402365.html