我正在处理一个涉及定价表（http://laurensvandijk.com/as/diensten.html）
的小项目我想使用两种不同的文字颜色，所有不包含的功能颜色较浅，而且所包含的功能颜色较深。
我尝试过使用此代码：
.nofeature {
color: #cccccc;
}<p class="nofeature"><i class="fa fa-times"></i>
Verzorging kunststof</p>
每当我将此页面调整为平板电脑或移动视图时，较浅的字体颜色（文本前面的X）会变回较暗的普通文本颜色。我已经查看了bootstrap.css文件，但我还没有找到合适的解决方案。
答案 0 :(得分：1)
我刚看了你的CSS prijstabel.min.css
您已将.nofeature规则设置为@media (min-width: 1200px)，这意味着仅当您的宽度至少为1200px时才适用。
只需将您的.nofeature规则设置在css的末尾，而不是@media规则
答案 1 :(得分：0)
因为您在.nofeature及其桌面视图中编写了@media (min-width:1200px)，因此它不适用于移动设备和平板电脑。
从@media中使用此类，然后它将应用于所有屏幕。