Как применить CSS к свойству тега?

Question

Я новичок в css и хотел бы знать, можно ли применить css к свойствам тега?Например, в приведенном ниже коде я хотел бы видеть entry.count и «файлы» в синий цвет.

код

  render() {

    return(
      <div className="AppL" id="AppList">

        {this.createApplicationList()}
      </div>); 
  }

  createApplicationList() {
    var guiResult = [];
    for (var key in this.state.AppName) {
      var entry = this.state.AppName[key];
      guiResult.push(
      <Collapsible trigger={entry.AppName + "\t" + "\t"  + entry.Count + " files"} className="AppList" transitionTime ="10"> 
      </Collapsible>);
    };  
    return guiResult;
  }

мой scss для этого компонента

.AppList{
  color: black;
  border-bottom: 1px solid #00a886;
    padding-top:10px;
    padding-bottom:10px;
}

Answer 1

.Collapsible .Collapsible__trigger {
  color: blue;
}

.Collapsible выбирает все элементы с классом Collapsible. Collapsible_trigger делает то же самое для класса Collapsible__trigger. Вместе правило выбирает все элементы .Collapsible__trigger в элементах .Collapsible и оформляет их синим текстом.

Это основано исключительно на предоставленном вами HTML-коде. Скорее всего, JavaScript не имеет значения.

.Collapsible .Collapsible__trigger.is-closed также работает и более конкретно. Зависит от вашего варианта использования.