如何根据父 div 类应用 css

Question

我有 2 个 div 块，除了它们的附加类之外，彼此相似。一个有desktop_version，第二个有mobile_version课。现在我如何将 css 应用到具有mobile_version. 我正在尝试这样做来实现响应式设计

手机版

<div id="contactNumber_Wrapper" class="mobileVersion">

                    <div class="contact-number">
                        <i class="fa fa-phone"></i>
                        <span>+44 02078062629</span>
                        <span class="outer-strip"></span>
                    </div>
</div>

桌面版

<div id="contactNumber_Wrapper" class="desktop_version">

                <div class="contact-number">
                    <i class="fa fa-phone"></i>
                    <span>+44 02078062629</span>
                    <span class="outer-strip"></span>
                </div>

</div>

CSS

????

Answer 1

通过聚合 CSS 中的类：

对于移动设备：

.mobileVersion .contact-number{
    color:#444;
}

对于桌面：

.desktop_version .contact-number{
    color:#333;
}

注意：您可以根据需要加入任意数量，例如。

.mobileVersion .contact-number .fa fa-phone {
    //some css properties
}

与div id's：

#contactNumber_Wrapper .mobileVersion .contact-number .fa fa-phone {
    //some css properties
}