css的并列选择器怎么使用

html-css015

css的并列选择器怎么使用,第1张

比如

.s1{样式}

.s2{样式}

.s3{样式}

<div class="s1 s2 s3"

以上不就并列了啊。要是这样情况,有冲突定义,以后者为准,要是都没有,样式全生效。

这是选择器的嵌套(中间用空格隔开),意思是定义包含在id为top_panel元素内的元素,且此元素的id为top_section,样式只对id为top_section(#top_section)起作用。形如:

<div id="top_panel">

<p id="top_section">元素的内容,只对我生效。</p>

</div>

补充:此种方法不够优化,因id是唯一的,所以可取消前面的#top_panel,只用 #top_section {}就行了。

.header .banner img

这个是css 选择器,此处是class="header" 元素下 class="banner" 的子元素 下的 <img>元素

选择器 E F 表示选择所有被E元素包含的F元素。

参考:http://www.css88.com/book/css/selectors/index.htm

width:500px /* 宽度为500像素,px表示像素单位 */

height:60px /* 高度为60像素 */

display:block /* 展现方式为块元素 */