Question

如果我为input:show_invalid

定义了一个选择器

<style>
input:show_invalid {
  background-color: red;
}
</style>

当我在此HTML中引用它时，输入不会显示为红色：

<html>
  <input type='text' class='input:show_invalid'/>

</html>

Answer 1

在CSS代码中，类在开头用val rawFile = sparkContext.binaryFiles(... val ready = rawFile.map ( here parsing with other framework标记，而不是.。在HTML代码中，您只需将类名写入: atrribute - 不带点或其他任何内容。

所以你的代码必须是

class

input.show_invalid {
  background-color: red;
}

Answer 2

您的代码存在一些问题。

您正在使用不存在的伪类show_invalid。您可能打算使用invalid pseudo-class。
您使用CSS选择器将伪类<input>定位到所有show_invalid元素（不是类），但将整个字符串input:show_invalid添加为您的类HTML

您要么使用invalid伪类：

input:invalid {
  background-color: red;
}

<input type='email'/>

或定位课程：

input.show_invalid {
  background-color: red;
}

<input type='text' class='show_invalid'/>

Answer 3

尝试

<input type='text' class='show_invalid'/>

你已经在一个元素

Answer 4

类选择器应该以句点开头，例如。指定一个简单的类show并访问css为

.show {
     background-color: red; 
}

  OR

如果您希望样式相同，则将类名替换为

class='show_invalid'

希望有所帮助

如何引用为元素定义的CSS选择器？

4 个答案: