小帅凡
2016-03-31 23:30
#box1{
width:100px;
height:100px;
padding:10px;
border:1px solid red;
text-align:center;
line-height:100px;
}
.class{
width:100px;
height:100px;
border:2px solid red;
}
</style>
</head>
<body>
<div id="box1" >盒子1</div>
<div id="box2">盒子2</div>
为什么用类选择器(下面)不可以哦?
.的是属性值,不是属性名
属性:class=“box2”
属性名:class
属性值:box2
所以应该是:.box2{....}
.class{
width:100px;
height:100px;
border:2px solid red;
}
</style>
</head>
<body>
<div class="box2">盒子2</div>
为什么用类选择器不可以哦?
因为是id="box1",不是class="box1"。
没有你命名的类啊,ID的权值也高于类,类为10,id为100,所以优先id
你的class在哪呢 ?
初识HTML(5)+CSS(3)-升级版
1225309 学习 · 18230 问题
相似问题