css - 将类应用于正文并更改CSS中的各种#id

由于背景图片和尺寸的变化，我在添加侧栏时向身体应用了一个类。实际上，下一个代码可以正常工作：

body,html {height:100%;background:url('../img/backend/bg_menu.png') repeat-y;}

body.sidebar {background:url('../img/backend/bg_sidebar.png') repeat-y;}

#container {height:auto;min-height:100%;position:relative;width:100%;}

#sidebar {position:relative;background:blue;float:left;width:100px;}
#sidebar.sidebar {width:350px;}

#content {height:100%;margin-left:110px;}
#content.sidebar {margin-left:360px;}

我想知道是否有任何方法可以仅将类侧边栏应用于主体，而无需应用class =“ sidebar”即可让#content和#sidebar进入。

谢谢！

最佳答案

更改为

body,html {height:100%;background:url('../img/backend/bg_menu.png') repeat-y;}

body.sidebar {background:url('../img/backend/bg_sidebar.png') repeat-y;}

#container {height:auto;min-height:100%;position:relative;width:100%;}

#sidebar {position:relative;background:blue;float:left;width:100px;}
body.sidebar #sidebar {width:350px;}

#content {height:100%;margin-left:110px;}
body.sidebar #content {margin-left:360px;}

而且您无需再将.sidebar应用于其他元素

关于css - 将类应用于正文并更改CSS中的各种#id，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/8001481/