怎么定义1个DIV的CSS样式?

来源:百度知道 编辑:UC知道 时间:2024/05/24 15:07:57
比如2个DIV的ID分别是aa和bb,如何给DIV内的元素添加CSS样式?
是定义了样式(比如样式C和D)然后选中要加入样式的DIV内的元素,并赋予样式;还是在编辑CSS样式的时候,通过对CSS样式命名的不同,来让软件自动识别这个CSS是对哪个DIV起作用的?
!!!如果是命名不同 怎么命名来区分?谢谢

``

实在没看明白你的意思。

不过,在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,bb,则: