css中 和.分别是对应什么

admin 轻心小站 关注 LV.19 运营
发表于前端技术学习版块 css,教程

在CSS中,“.”和“#”是选择器中最常用的符号之一。“.”符号在CSS中表示类别选择器(Class selector),可以用来匹配HTML元素中class属性的值。比如,如果你想应用一个特定样式到

在CSS中,“.”和“#”是选择器中最常用的符号之一。

“.”符号在CSS中表示类别选择器(Class selector),可以用来匹配HTML元素中class属性的值。比如,如果你想应用一个特定样式到HTML页面中所有该类别的元素上,你可以使用类别选择器,如下:

.textbox {
  width: 300px;
  padding: 10px;
  border: 1px solid #ccc;
} 

在上面的代码中,“.textbox”即为类别选择器,它可以匹配所有class属性值为“textbox”的HTML元素,从而使这些元素应用相同的样式。此外,你还可以使用多个类别选择器,用空格隔开:

.textbox .label {
  display: inline-block;
  width: 100px;
} 

在上面的代码中,“.textbox .label”即为一个复合选择器,它表示选择class属性值为“label”的元素,且该元素处于class属性值为“textbox”的祖先元素中。

另一方面,“#”符号在CSS中表示ID选择器(ID selector),可以用来匹配HTML元素中id属性的值。与类别选择器类似,你也可以使用ID选择器来给HTML元素应用不同的样式:

#header {
  background-color: #333;
  color: #fff;
  padding: 20px;
} 

在上面的代码中,“#header”即为ID选择器,它可以匹配所有id属性值为“header”的HTML元素,从而使该元素应用特定的样式。

总之,在CSS中,“.”和“#”符号是非常重要的选择器,大家在应用CSS时需要多加注意,以确保页面样式的正确性和一致性。

文章说明:

本文原创发布于探乎站长论坛,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,探乎站长论坛平台仅提供信息存储空间服务。

评论列表 评论
发布评论

评论: css中 和.分别是对应什么

粉丝

0

关注

0

收藏

0

已有0次打赏