Html 需要一些指导来理解类的CSS目标吗

在谷歌搜索了相当长一段时间后，我一直无法找到具体的文档，老实说，我不知道如何表达这个问题而不会得到无关的回答，因为我不知道我要找的物品的名称是什么。在我看来，我称之为元素/类选择器

当将特定元素定位到样式时，由于样式不适用，我并不总是得到我想要的结果。例如，在这样的情况下：

<div class=box>
    <div class=smallerbox>

        <div class=something>It has some text in it</div>

    <div>
</div>

.something {color:#FFF}

但有时它不起作用，我不得不这样做：

.box .smallerbox .something {color:#FFF}

现在的问题是，我并不总是确定要走多远，我最终添加了我不需要的额外内容，或者浪费了时间，因为我不完全理解我在做什么。添加

！重要提示

也不总是有效

我认为我必须这样做的原因是因为我使用bootstrap.css，这样我就必须专门针对类，否则它会被父类样式覆盖

我这样想对吗

如果有任何提示或方法可以帮助我从疯狂的学习HTML/CSS/Javascript/PHP的过程中解脱出来，我将非常感激

.box .smallerbox .something {color:#FFF}

意思是，将

颜色：#FFF

赋予

内
小盒子
中的
某物
，它保存在
盒子
中，因此，这将仅适用于以下名为
某物
的div

<!--   box
        |
        |
        |-------smallerbox
                    |
                    |
                    |-------something <= make this white -->

这意味着，任何
东西
都没有为其定义
css
，请查看此提琴，以便更好地理解

您所指的是类/CSS特殊性。这是理解以下内容的良好开端：

但是你可以在网上看到很多其他的文章

基本上，经验法则是不要过度限定您的选择器（即使用所需的最小值）。通过这种方式，如果以后需要替代样式，可以稍微具体一点，或者添加一个额外的类来向现有样式添加/替代样式

当您嵌套样式引用过多时，很快就会成为一场噩梦，您必须尽量避免
！重要信息
，请不惜一切代价。如果CSS做得正确，就不需要了

有些库可以使用某些类名设置样式，有些库使用长链，因此命名类也变得很困难。但只要你先加载他们的CSS，然后再加载你的CSS，大多数人就不应该过多干涉。
CSS的特殊性，读一读：非常感谢你的链接。它不仅为我提供了一个新的信息来源，而且还回答了我在这件事上所有未被问到的问题。没问题，很高兴它有帮助。祝CSS好运！
.something {color:#FFF}