如何引用前缀CSS类？

Question

由于遗留原因，我的CSS类有一个.x前缀：

.x input.myclass {
  background-color: red;
}

我不熟悉这种语法，如何在HTML元素中使用此类？以下都不起作用：

<input type='text' class='myclass'>
<input type='text' class='x myclass'>
<input type='text' class='.x myclass'>
<input type='text' class='.x.mylcass'>
<input type='text' class='x.mylcass'>

Answer 1

.x input.myclass {
    // css goes here
}

以上CSS会影响任何包含myclass 类的输入标记任何包含类x的块

因此它将匹配以下模式：

<div class="x">
    <input type="text" class="myclass" />
</div>