html - CSS 选择器不适用于 div 中的元素

标签 html css css-selectors

我有以下 HTML 结构:

<div class="formFields">
     <label> Field 1: </label>
     <input type="text" value="" name="field1" />
</div>

我的 CSS 选择器如下:

#formFields {clear:both;}
#formFields label {font-weight:bold;}

clear:both; 应用于 div,但 font-weight:bold; 未应用于标签。我如何将此 font-weight 应用于标签?

最佳答案

目前,没有任何规则应用于 div。

  • #是ID选择符

  • . 将是类选择器

所以你要么必须给规则类选择器

.formFields

或者为 div 指定 ID formFields:

<div id="formFields">

关于html - CSS 选择器不适用于 div 中的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/4541673/

相关文章:

javascript - "javascript://"是什么意思?

javascript - PHP/Javascript 倒计时器脚本

html - 如何更改折叠子元素的背景颜色并使其组合在一起?

html - CSS 按钮不会在 div 中心对齐

CSS 选择器优先级

html - 用于选择至少包含一个 UL 的 DIV 的 CSS 选择器(或 JavaScript,如果需要)

jquery - 下拉菜单 jQuery 脚本上的 CSS 错误

css - 我如何理解 MaterialUI 样式的组件?

html - 我如何在 bootstrap 和 css 中将圆圈进度条居中?

css - 更改禁用标签上的光标