我在这里看到了类名中使用的方括号:
<input class="validate[required,custom[onlyLetter],length[0,100]]" name="firstname" type="text" />
Run Code Online (Sandbox Code Playgroud)
这些方括号是什么意思?
我一直在试图让荷鲁斯找出我制作的网页的问题,我已经将其范围缩小到与多个类有关,并且我已经做了一个证明。
HTML:
<p class="bg-yellow-on-mobile">
Should have a yellow background on mobile
</p>
<p class="bg-yellow-on-mobile talign-right-on-mobile">
Should have a yellow background and text aligned right on mobile
</p>
Run Code Online (Sandbox Code Playgroud)
CSS:
@media (max-width:767px){
[class="bg-yellow-on-mobile"] { background: yellow; }
[class="talign-right-on-mobile"] { text-align: right; }
}
Run Code Online (Sandbox Code Playgroud)
小提琴: https: //jsfiddle.net/4w9L16g3/
您将看到移动样式未应用于第二个<p>标签,即具有两个类的标签。是因为它有多个类的原因吗?