Question

我正在尝试通过将此脚本添加到页面来设置插入到页面中的类 widgetcontainer ：

＆＃xA;＆＃xA;

  ＆lt; script type =“text / javascript”src =“http://widget.ratings.food.gov.uk/fhrswidget.jss?FHRSID=12345&Culture=en-GB”？＆lt; / script＆gt;＆＃xA ;

＆＃xA;＆＃xA;

编辑：这是在脚本下面的页面上生成的代码..

＆＃xA;＆＃xA; < pre>

＆lt; div id =“CoreJsBaseDiv”class =“widgetwrapper”＆gt;＆＃xA; ＆lt; div class =“widget1”classname =“widget1”＆gt;＆＃xA; ＆lt; div class =“widget2”classname =“widget2”＆gt;＆＃xA; ＆lt; div class =“widget3”classname =“widget3”＆gt;＆＃xA; ＆lt; div id =“eventList”class =“widgetcontainer”classname =“widgetcontainer”＆gt;＆lt; div＆gt;＆＃xA; ＆lt; a title =“The Family Pizza Company”href =“http://ratings.food.gov.uk/business/624197”class =“listhyperlink”classname =“listhyperlink”＆gt;＆＃xA; ＆lt; div＆gt; Family Pizza Company＆lt; / div＆gt;＆＃xA; ＆LT; / A＆GT;＆＃XA; ＆lt; div＆gt; CO14 8AW＆lt; / div＆gt;＆＃xA; ＆LT; DIV＆GT;＆＃XA; ＆lt; img src =“http://ratings.food.gov.uk/images/scores/small/fhrs_5_en-gb.JPG”＆gt;＆＃xA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆LT峰; br＆GT;＆LT; / DIV＆GT;＆＃XA; ＆LT; / DIV＆GT;＆＃XA; ＆lt; / div＆gt;＆＃xA;

＆＃xA;＆＃xA;

当我为CSS添加样式时到 .widgetcontainer 它不起作用，我想知道是否有办法对这个元素做一些巧妙的编码？

＆＃xA;

Answer 1

最有可能的事情必须覆盖你的风格。（请注意，您的脚本代码缺少>结束，而src有一个拼写错误，它在引号后以?结尾）：

<script type="text/javascript" src="http://widget.ratings.food.gov.uk/fhrswidget.jss?FHRSID=12345&Culture=en-GB"?</script>

应该是这样的：

<script type="text/javascript" src="http://widget.ratings.food.gov.uk/fhrswidget.jss?FHRSID=12345&Culture=en-GB"></script>

对于样式覆盖，您可以尝试以下几种方法：

尝试按ID #eventList {property: value;}
尝试更具体的选择器，例如div.widgetwrapper div.widgetcontainer {property: value;}，或者更具体的选择，例如： div.widgetwrapper div.widget1 div.widget2 div.widget3 div.widgetcontainer {property: value;}
仅作为最后一种选择，您可以使用!important：.widgetcontainer {property: value !important;}

设置<script>生成内容的样式

1 个答案: