html - 如果不使用 ',',样式将不适用

标签 html css

我刚刚注意到,使用下面的 css 代码会忽略 .input.cmp 位:

.create input.cmp, input.email, input.pswd, input.pswda{}

使用下面的代码(前面有 , )工作正常。

.create ,input.cmp, input.email, input.pswd, input.pswda{}

这是怎么回事?这是正确的方法吗?或者我在这里做错了什么。

我以前使用 ID 而不是类,没有第一个 ',' 也能正常工作

最佳答案

.create input.cmp表示.create里面的input.cmp

您可以像这样用 HTML 编写:

<div class="create">
 <input class="cmp">
</div>

&

.create ,input.cmp 体现不同元素的样式是独立的。根据上述样式,input.cmp 样式不依赖于 .create。因此,您可以在 .create 内部甚至外部使用 input.cmp 具有相同的样式。

您可以像这样用 HTML 编写:

<div class="create"></div>
<input class="cmp">

<div class="create">
 <input class="cmp">
</div>

关于html - 如果不使用 ',',样式将不适用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12524481/

相关文章:

html - Bootstrap - 在主容器外放置横幅。

javascript - 如何在 javascript 中为可拖动对象设置 "bounding"区域?

javascript - jquery onclick 更改 css 背景图像

html - 移动我的 CSS 图像 slider 时遇到问题

python - 如何在元素应用程序中扩展 Django 元素根 HTML 文件?

javascript - onClick图片,显示div内容

css - Bootstrap Glyphicons 不使用本地 Bootstrap 版本渲染

html - 流体全宽导航栏

javascript - 拖动浏览器导致背景图像与下一节重叠

html - 响应式背景 css 图像