组合多个 css3 选择器答案

【问题标题】：Combining multiple css3 selectors组合多个 css3 选择器
【发布时间】：2012-07-19 20:37:34
【问题描述】：

我知道可以在 jQuery 中组合一些 CSS3 选择器，但是可以组合所有变体吗？

例如，我有一个动态生成的页面，该页面最后输出一个带有唯一标识符的 id，例如 videoPlayer-123，我想选择该 id 的所有直接兄弟是段落标签的实例。请参阅此处的示例：

$('p+div[id^=videoPlayer]').css('width','100%');

这行得通吗？或者有更好的方法吗？

以下是 HTML 的示例：

<p>
    <span>
        <h2>Test video 1234</h2>
    </span>
</p>
<div id='videoPlayer_1234'>
    <div id='videoPlayer_1234_container'>
        <video controls="controls"><source src="test.mp4"/></video>
    </div>
</div>

【问题讨论】：

那行得通。但为什么不试试呢？ :)
我确实尝试过，但似乎没有效果。这就是我问的原因，似乎它会起作用。
需要查看您的 HTML。还要确保你的 div 的宽度不是 100%。
这是为我们的移动网站设计的，所以它们通常是固定的 620px 宽度。
作品 - jsfiddle.net/KQeew

标签： jquery css jquery-selectors css-selectors

【解决方案1】：

这是完全有效的，可能是最好的方法。

【讨论】：