ITCSS-在哪里放置特定于页面的类

这取决于你有多少页面特定的样式。

一种方法是将图像样式化为图像的变体。像这样使用 <img class="c-img c-img-fixed-hero" src="/path" />" .

.c-img {} // general image styling
.c-img--fixed-hero {} // special styling for this use case

另一种方法是创建页面组件并使用修饰符为每个变体应用不同的样式。

// shared page styling
.c-page {} 

// unique home styling    
.c-page--home { 
  .c-img {} 
}

// unique about styling
.c-page--about { 
  .c-img {} 
}