CSS中ID选择器_框架

#sidebar div{}

表示定义 #sidebar 这个ID 中的所有DIV元素样式

#sidebar 可以是任何合法元素

使用方法

如：

</body>

</div>

在CSS中id的名称前加#，class的名称前加

id在一个文档中只能是唯一的，而class是可以重复的

另外，在Javascript中能够很容易获取id，但获取class较麻烦，故在做页面的时候尽量多使用class，同时也能减少CSS文件的体积

以上都是包含选择器，也就是选择器的嵌套，这是CSS代码优化的写法，这样写可不需要为ID为#nav_son的标签内的UL标签内的LI标签内的A标签单独定义CLASS或是ID，你看CSS代码不就少了许多。

#nav_son ul li a{……}

可以这样理解：包含在ID为#nav_son内，包含在UL标签内，包含在LI标签内的A元素的样式。

#nav_son ul li a:hover{……}

同上，这是鼠标移上去的样式，background:url(images/dropTagred02jpg) 54px 12px no-repeat;表示背景为dropTagred02jpg，从距左54像素，距上12像素的位置作为背景，no-repeat;表示背景不重复。

如果你说的事ID选择器的话，例子如下

<HTML>

<style>

# d1{

width:100px;

height:100px;

background:pink;

}

</style>

<body>

</div>

</body>

</HTML>

id选择器在一个页面中只能有一个，能通过ID选择器为不同的元素进行样式的更改。在body页面里为需要的元素进行命名，再在style里通过ID名进行样式修改

优先级不够。建议楼主可以先百度一下CSS

的选择器的权重。一般来说，假设id选择器的权重是100，类别选择器的权重是10，普通选择器的权重是1，所以#menu

a定义的链接颜色权重是101，而你后定义的#first权重只有100，所以无法覆盖#menu

定义的颜色，解决办法是增加权重，如定义#first

a的颜色，这时候权重相等，但是根据规则，后面的样式生效。

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：indexhtml，输入问题基础代码。

2、在indexhtml中的<script>标签中，输入js代码：$('body')append($('body')css('z-index'));。

3、浏览器运行indexhtml页面，此时成功打印出了z-index的值。

以上就是关于CSS中ID选择器全部的内容，包括:CSS中ID选择器、css 中id和class如何定义、给讲解下CSS中的ID选择器等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

CSS中ID选择器