Javascript TripAdvisor小部件的样式设置

我被要求将travel advisor小部件附加到现有项目。问题是我找不到一种设计它的方式。搜索谷歌被证明是负面的，我自己也尝试过各种方式来改变这种风格，但每次我都一事无成

似乎（通过使用开发人员工具）在调用脚本时，脚本正在下面的代码中添加其他div标记，我需要对这些新添加的div进行样式化

有什么想法吗

<div id="TA_linkingWidgetWAR281" class="TA_linkingWidgetWAR">
  <ul id="7vEu3EbbE54" class="TA_links I3eKq4As">
    <li id="P1W6bWTQjEmY" class="M0QRzat">
      Write a review of <a target="_blank" href="http://www.tripadvisor.co.uk/Restaurant_Review-g1217951-d2315832-Reviews-Peking_Chinese_Takeaway-Bradley_Stoke_Gloucestershire_England.html">Peking Chinese Takeaway</a>
    </li>
  </ul>
</div>

<script src="http://www.jscache.com/wejs?wtype=linkingWidgetWAR&amp;uniq=281&amp;locationId=2315832&amp;lang=en_UK&amp;border=true">   </script>

写一篇评论

因为这是一个小部件，所以您提到的div是通过您正在使用的小部件提供的。除了创建包装并对其进行样式设置外，您可能对内部样式设置几乎没有控制权

然而，这是你能做的。在浏览器中点击F-12（例如chrome）并检查它创建的附加div。注意这些div/元素的相应类和id

要在CSS中设置样式，您可能还需要至少在某些情况下使用！使用样式覆盖插件提供程序的默认值很重要。例如：

div.someclass { border: none !important; }

---

不幸的是，这是使用小部件的代价，易用性是与控制权的权衡。

因为这是一个小部件，您所说的div是通过您正在使用的小部件提供的。除了创建包装并对其进行样式设置外，您可能对内部样式设置几乎没有控制权

然而，这是你能做的。在浏览器中点击F-12（例如chrome）并检查它创建的附加div。注意这些div/元素的相应类和id

要在CSS中设置样式，您可能还需要至少在某些情况下使用！使用样式覆盖插件提供程序的默认值很重要。例如：

div.someclass { border: none !important; }

不幸的是，这是使用小部件的代价，易用性是与控制的权衡。

这很容易，对吗

您所要做的就是使用浏览器检查器，检查当前的应用样式并根据自己的意愿进行编辑

例如：

我所要做的就是：

#CDSWIDLNKR .widLNKRInner {
    margin: 30px  !important;
    padding: 14px 16px 12px !important;
    background-color: #bada55 !important;
}
ul li img {
    display: none;
}

但是，要小心，您正在破坏

2.1您不得直接或间接更改、编辑、添加、复制或提取TripAdvisor小部件或TripAdvisor网站上任何内容的内容，也不得制作其摘要。特别是，除TripAdvisor小部件外，您不会在网站上显示任何TripAdvisor评级或评论

这很容易，对吧

您所要做的就是使用浏览器检查器，检查当前的应用样式并根据自己的意愿进行编辑

例如：

我所要做的就是：

#CDSWIDLNKR .widLNKRInner {
    margin: 30px  !important;
    padding: 14px 16px 12px !important;
    background-color: #bada55 !important;
}
ul li img {
    display: none;
}

但是，要小心，您正在破坏

2.1您不得直接或间接更改、编辑、添加、复制或提取TripAdvisor小部件或TripAdvisor网站上任何内容的内容，也不得制作其摘要。特别是，除TripAdvisor小部件外，您不会在网站上显示任何TripAdvisor评级或评论

---

我尝试了那次尝试，但只使用了#CDSWIDLNKR{…}。我没有同时使用id和类#CDSWIDLNKR.widLNKRInner{…}。谢谢你。我建议你阅读并理解你应该通过投票，标记为正确答案或简单地回答一个问题：）工作了魅力！非常感谢。请记住，你违反了他们的协议，小心他们可能会屏蔽你的帐户或律师…哈哈，那种颜色意味着坏蛋

#bada55

我尝试了那个尝试，但只使用了#CDSWIDLNKR{…}。我没有同时使用id和类#CDSWIDLNKR.widLNKRInner{…}。谢谢你。我建议你阅读并理解你应该通过投票，标记为正确答案或简单地回答一个问题：）工作了魅力！非常感谢。请记住，你违反了他们的协议，小心他们可能会屏蔽你的帐户或律师…哈哈，那种颜色意味着坏蛋<代码>#bada55