Jquery -将css样式应用于指定div中的所有元素？
Jquery -将css样式应用于指定div中的所有元素？
提问于 2011-06-30 22:59:48
我有一个情况，我正在为一个wordpress网站设置一个移动主题。现在我想做的是，抓取"#content“div中的任何元素(p，div，etcc)，并将css "width: 100%”应用于每个子元素。
我想这样做的原因是，如果有人为div设置了固定的宽度，我需要它覆盖该宽度并将其恢复为100%，以便在较小屏幕的移动设备上观看时不会被截断。
我想知道如何使用Jquery实现这一点。
我很感谢大家的帮助。谢谢
回答 5
Stack Overflow用户
发布于 2011-06-30 23:03:46
这就是了：
$('#content > *').css('width', '100%');你也可以在CSS中覆盖它：
#content > * {
width: 100% !important
}!important将确保覆盖所有(包括内联样式)定义。
Stack Overflow用户
发布于 2011-06-30 23:05:27
$("#content *").css("width","100%"); //所有内容#content
或
$("#content > *").css("width","100%"); //仅为#content的直接子项
Stack Overflow用户
发布于 2011-06-30 23:03:25
CSS：
#content > * { /* applies to all direct children of #content */
width: 100%;
}如果你必须使用JavaScript/jQuery：
jQuery("#content > *").css("width", "100%");页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/6536797
复制相关文章
相似问题