css选择器的问题

Question

想要匹配一类class中包含“i-”的元素class="xxxx i-abc" 匹配class="i-abc" 匹配class="aaaai-abc" 不匹配怎么写比较好呢

Answer 1

二合一

//第二个i前带空格[class^="i-"],
[class*=" i-"]{
  color: red;
}