如何使用css在div中设置

样式 我发现这种方法是可行的，但是如果我内联重新设置元素的样式，会不会导致任何类冲突

p, .main-column {
    color: #666;
    font-size: 10px;
    font-family: robotolight, sans-serif;
    text-align: left;
    line-height: 14px;
    display: inline-block;
}

我试图通过不设置内联元素的样式来压缩HTML

如果您想要的特定样式，只需将它放在特定的div中，如.main column p，这样样式只有在其内部.main column div时才起作用

CSS:

---

如果要仅为主列div中的p元素设置这些样式，请按如下方式将其设置为目标：

.main-column p {}

---

另外，请确保为标题使用实际的标题元素，如h1、h2等，而不是样式化的范围。

我试图通过不设置内联p元素的样式来压缩HTML。我想您应该将注释与您的问题一起添加。@user3168736不，我正在stling p元素查看js Fiddle可能的重复项，我应该用什么。主栏p，。主栏{或p，。主栏我的页面上有H1H2，我没有将它添加到小提琴中。主栏p{}工作得很好

p .main-column {
    color: #666;
    font-size: 10px;
    font-family: robotolight, sans-serif;
    text-align: left;
    line-height: 14px;
    display: inline-block;
}

p .main-column {
    color: #666;
    font-size: 10px;
    font-family: robotolight, sans-serif;
    text-align: left;
    line-height: 14px;
    display: inline-block;
}