Question

我想将Facebook评论插件的宽度从620px更改为100％，以使其响应。一切正常，但有一个宽度为620px的div，它在每次刷新页面时都会得到随机的id名称，这就是为什么我无法定位这个类。如果有人知道如何定位这个特定的课程，那将会很棒。

这是html代码的一部分。

<body dir="ltr" class="plugin webkit chrome win x1 Locale_en_US">
   <div class="_li"><div class="pluginSkinLight pluginFontHelvetica">
     <div id="feedback_1Is4cWupeqo2ATYOW" style="width: 620px;">
        <div class="fbFeedbackContent" id="u_0_1">
          <div class="stat_elem">
          </div>
        </div>
     </div>
  </div>

div =＆＃34; feedback_1Is4cWupeqo2ATYOW＆＃34;每次都改变。我怎样才能在css中定位这个特定的div。

这里是demo的链接，尝试将620px的宽度更改为其他值。 http://nowgags.comuf.com/?p=1

Answer 1

可以试试这个

div.pluginSkinLight > div {
width: 400px !important;
}

Answer 2

尝试：

.plugin div[id^="feedback_"]{
    width: 100% !important;
}

选择id以反馈_

开头的位置

Answer 3

使用伪类：

.pluginSkinLight div:first-child {
  ...
}

Answer 4

假设html结构和类没有改变（反馈id除外） - 这应该有效

.pluginSkinLight.pluginFontHelvetica > div {
   width: 100% !important; 
}

我们在这里使用child combinator selector'＆gt;'仅选择元素父级的直接后代

参见this demo（使用inspect元素查看反馈div的宽度是否为100％）

使用随机类名更改div的宽度

4 个答案: