欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

css样式中空格

程序员文章站 2022-12-09 14:34:09
第一个: .box .active { /*css代码*/ } 第二个: .box.active{ /*css代码*/ } 第一个类的选择...
第一个:

.box .active {
 /*css代码*/
}
第二个:

.box.active{
  /*css代码*/
}

第一个类的选择器是代表box类与active类不在同一dom节点上,样式作用于box类下的active类,它的html结构如下所示:

而第二个代表box类与active类位于同一dom节点上,它的html结构如下所示: