css中 和.的区别

在CSS中，"."和"#"是两个常用的选择器符号。它们作为CSS规则中标识元素的符号，常常被使用。但是"."和"#"在CSS中有什么不同呢？接下来我们就详细介绍一下它们的区别。"."是表示选择元素的类名，多个元素可以共享同一个类。使用"."来选择元素时，需要在元素的class属性中添加class名。示例代码如下：

p.myclass {font-size: 16px;}

在上面的代码中，属性选择器"."选择了所有class属性中包含“myclass”的元素，将这些元素的字体大小设置为16px。而"#"是表示选择元素的id名，每个元素只能有一个id。使用"#"来选择元素时，需要在元素的id属性中添加id名。示例代码如下：

#myid {color: red;}

在上面的代码中，元素选择器"#"选择了id属性等于“myid”的元素，将这个元素的字体颜色设置为红色。总的来说,"."和"#"在CSS中有着不同的应用场景。通常来说，页面上相同的元素有相同的样式时，使用"."来选择元素会更加方便，而对于单个元素，使用"#"选择元素会更加快捷。所以在CSS中，了解这两个选择器符号的区别，可以让我们更加灵活的为元素添加样式，提高网页的设计水平。

上一篇：css两排布局

下一篇：python画扫描图

---

css .的区别