CSS中的#sidebar是做什么用的呢

来源:百度知道 编辑:UC知道 时间:2024/06/13 11:43:24
比如我的源码:
#sidebar p {
font-style: italic;
text-align: right;
margin-top: 0.5em;
color:red;
}

#sidebar h2 {
font-size: 1em;
font-weight: normal;
font-style: italic;
margin: 0;
line-height: 1.5;
text-align: right;
}
怎么在后面写代码可以显示效果出来呢,就是具体怎么用不是很清楚,请帮忙!

#sidebar 表示的是选择id名为sidebar的元素,~~如<div id="sidebar"></div>.#为ID选择符~sidebar只是一个名字,#b~#sidebar p,#sidebar h2空格间开的为上下文选择符号 分别表示选择id名为sidebar的元素中所有的P元素和H2元素

#开头的选择器为id选择器,详细介绍如下:

ID 选择器允许以一种独立于文档元素的方式来指定样式。

在某些方面,ID 选择器类似于类选择器,不过也有一些重要差别。

ID 选择器前面有一个 # 号

请注意,类选择器和 ID 选择器可能是区分大小写的。这取决于文档的语言。HTML 和 XHTML 将类和 ID 值定义为区分大小写,所以类和 ID 值的大小写必须与文档中的相应值匹配。

示例:

#intro {font-weight:bold;}
<p id="intro">This is a paragraph of introduction.</p>

上面的文字会变为粗体

你到html里去找.肯定有一个东西,其属性 id="sidebar"的..这就是对这个东西进行外观定义的.

#sidebar只是一个id选择器的名称,具体作用无法确定,因为选择器的名称是任意的,从字面来看,#sidebar应该是侧边栏,但实际情况不一定。