怎么定义1个DIV的CSS样式？
发布网友
发布时间：2022-04-22 14:09
共3个回答
热心网友
时间：2023-10-09 04:21
两个DIV,ID分别是aa,bb，则：
<div id='aa'></div>
<div id='bb'></div>
那么分别给这两个div加上样式，可以这样写：
#aa{color:#f00;}---这个定义了id为aa的div的样式
#bb{color:#0f0;}---这个定义bb的样式
使用符号“#”则对应了div的id属性。
如果不是根据id属性来定义，例如多个div需要使用同样的样式的话，由于同一个页面id属性是唯一的，所以需要通过下面方式来定义样式：
<div id='aa' class='red'>红色</div>
<div id='bb' class='red'>红色</div>
<div id='cc' class='blue'>蓝色</div>
----样式定义这样写：
.red{color:#f00;}
.blue{color:#00f;}
这里样式名称前面的符号是"."，则通过div里面的class属性来匹配样式不过，在HTML如果是这样。
<div id="a">
<p>dfsad</p>
</div>
<div id="b">
<p>adasdfas</p>
</div>
如果要控制id为a中的p的话，可以把CSS的选择器写成
#a p{
各种样式;
}
CSS中用空格来表示是在#a当中的p
热心网友
时间：2023-10-09 04:22
两个DIV,ID分别是aa,bb，则：
<div id='aa'></div>
<div id='bb'></div>
那么分别给这两个div加上样式，可以这样写：
#aa{color:#f00;}---这个定义了id为aa的div的样式
#bb{color:#0f0;}---这个定义bb的样式
使用符号“#”则对应了div的id属性。
如果不是根据id属性来定义，例如多个div需要使用同样的样式的话，由于同一个页面id属性是唯一的，所以需要通过下面方式来定义样式：
<div id='aa' class='red'>红色</div>
<div id='bb' class='red'>红色</div>
<div id='cc' class='blue'>蓝色</div>
----样式定义这样写：
.red{color:#f00;}
.blue{color:#00f;}
这里样式名称前面的符号是"."，则通过div里面的class属性来匹配样式
热心网友
时间：2023-10-09 04:22
实在没看明白你的意思。
不过，在HTML如果是这样。
<div id="a">
<p>dfsad</p>
</div>
<div id="b">
<p>adasdfas</p>
</div>
如果要控制id为a中的p的话，可以把CSS的选择器写成
#a p{
各种样式;
}
CSS中用空格来表示是在#a当中的p
