这个CSS语句表示什么?

来源:百度知道 编辑:UC知道 时间:2024/06/07 20:45:11
.content1 .left .sec1 .video .sec {
FLOAT: left; MARGIN: 10px 0px; WIDTH: 150px; TEXT-ALIGN: center
}
为什么第一行有那么多的点~~,第一行是什么意思?这个点表示什么?

是指.content1内嵌套的.left内的.sec1内的.video内的.sec类选择符所定义的样式。这是一个嵌套的选择符。样式是向左浮动,上下外边距为10像素,左右为0像素,宽度为150像素,文字居中对齐。

1楼的好像回答错了``
.content1 .left .sec1 .video .sec 是空格并列在一起的`如果是用逗号隔开的话就是一楼说的那样,但是这里是用空格列在一起的`是一层一层包进去的多层嵌套的,比如这里的HTML代码应该是:
<div class="content1">内容1
<div class="left">内容2
<div class="sec1">内容3
<div class="video">内容4
<div class="sec">内容5</div>
</div></div>
</div></div>
这个是叫做后代选择器```
这个代码嵌套了那么多层``属性值FLOAT: left; MARGIN: 10px 0px; WIDTH: 150px; TEXT-ALIGN: center 这样好像有点不行``我也是新手`大家一起学习吧`我说得不对请帮我指出!呵呵

第一行表示.content1 .left .sec1 .video .sec 这五个类都使用了大括号里的样式。

点表示CSS的class,而#content1表示中的#ID

意思是有属性:“class='content1 '、‘sec1 ’……”等的标签,都使用他后面的这个样式,例如
<select class = "sec1">
</select>