css点击后改变样式 - 书闪Bookchips

4 - 选择器 - id、class、<标签>

作者：

贺及楼

成为作者

更新日期：2024-02-09 13:42:25

作用：选择器

通过HTML标注：
id、class、<标签>
的选择来改变CSS样式

.html

<div id="id1">id1</div>
<div class="class1">class1</div>
<h1>标签选择器h1</h1>
<li>li标签<p>p标签</p>li标签</li>

.css

#id1{
    width:200px;
    height: 100px;
    background:#ffff00;
}
.class1{
    width:200px;
    height: 100px;
    background:#0000ff;
}
h1{
    width:200px;
    height: 100px;
    background:#00ffff;
}
/*和*/
#id1,.class1{
color: red;
}
/*li的p*/
li p{
    color:blueviolet;
}