Question

我有一个名为“ .grid-1grid-col”的div，它会影响网站的各个部分。我希望他在使用特定芯片时为其设置其他规则。可能吗？怎么样？

我试图这样做：

#sec-faq-items .grid-1 .grid-col {
  Some rule....
}

Answer 1

尝试删除两个类之间的空格：

  //loader.interceptor.ts
  import { Component, OnInit } from '@angular/core';
  import { LoaderService } from '../loader.service';

  @Component({
    selector: 'app-loading',
    templateUrl: './loading.component.html',
    styleUrls: ['./loading.component.css']
  })
  export class LoaderComponent implements OnInit {

    loading: boolean;
    constructor(private loaderService: LoaderService) {
      this.loaderService.isLoading.subscribe((v) => {
        console.log(v);
        this.loading = v;
      });
    }
    ngOnInit() {
    }

  }

Answer 2

所以，我认为您正在寻找的是儿童组合器。您试图使用后代组合器，但它可能会影响到比所需元素更多的元素。不要使用空格，而是使用>

示例：

.parent-of-the-div-you-want-to-style > .the-div-you-want-to-style {
  background: red;
}

通过这种方式，您对目标更加严格。

仅在特定Div范围内时才对特定Div产生影响

2 个答案: