怎么定义1个DIV的CSS样式?
比如2个DIV的ID分别是aa和bb,如何给DIV内的元素添加CSS样式?是定义了样式(比如样式C和D)然后选中要加入样式的DIV内的元素,并赋予样式;还是在编辑CSS样...
比如2个DIV的ID分别是aa和bb,如何给DIV内的元素添加CSS样式?
是定义了样式(比如样式C和D)然后选中要加入样式的DIV内的元素,并赋予样式;还是在编辑CSS样式的时候,通过对CSS样式命名的不同,来让软件自动识别这个CSS是对哪个DIV起作用的?
!!!如果是命名不同 怎么命名来区分?谢谢
`` 展开
是定义了样式(比如样式C和D)然后选中要加入样式的DIV内的元素,并赋予样式;还是在编辑CSS样式的时候,通过对CSS样式命名的不同,来让软件自动识别这个CSS是对哪个DIV起作用的?
!!!如果是命名不同 怎么命名来区分?谢谢
`` 展开
3个回答
展开全部
两个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
<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
展开全部
两个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属性来匹配样式
<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
不过,在HTML如果是这样。
<div id="a">
<p>dfsad</p>
</div>
<div id="b">
<p>adasdfas</p>
</div>
如果要控制id为a中的p的话,可以把CSS的选择器写成
#a p{
各种样式;
}
CSS中用空格来表示是在#a当中的p
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询