Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/85.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 覆盖外部java脚本文件的css属性无法正常工作_Javascript_Jquery_Css - Fatal编程技术网

Javascript 覆盖外部java脚本文件的css属性无法正常工作

Javascript 覆盖外部java脚本文件的css属性无法正常工作,javascript,jquery,css,Javascript,Jquery,Css,我试图覆盖外部java脚本文件中元素的样式 如果我将此代码粘贴到本地文件中: <script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"></script> <noscript><a href="http://polldaddy.com/poll/6343621/">New Poll</a></noscr

我试图覆盖外部java脚本文件中元素的样式

如果我将此代码粘贴到本地文件中:

<script type="text/javascript" charset="utf-8" src="http://static.polldaddy.com/p/6343621.js"></script>
<noscript><a href="http://polldaddy.com/poll/6343621/">New Poll</a></noscript>

<style>
.pds-links {
    display: inline !important;
}
</style>

.pds链接{
显示:内联!重要;
}
并在Google chrome中运行。我在检查类“.pds links”时收到此错误:

css属性是正确的,就像我在小提琴中运行此代码时一样,所有元素都以内联方式显示:


如何成功覆盖.pds链接样式的“显示”属性?发生这种情况的原因是javascript文件在应用.css属性之前被加载,如果是这种情况,我是否需要使用jQuery更新样式?

轮询脚本正在将
样式
标记添加到
头的末尾。如果您的样式表位于它之前,并且它们的样式也指定了
!重要信息
它将覆盖您的样式

以下是脚本添加的问题:

<style type="text/css" id="poll_style6343621">#PDI_container6343621 .pds-box{font-family: Helvetica, Arial, sans-serif;background: #fff;border: 1px solid #ccc;width: 300px;font-size: 12px;text-align: left;color: #4e4e4e;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;} #PDI_container6343621 .pds-box A{outline: none;} #PDI_container6343621 .pds-clear{display: block;clear: both;} #PDI_container6343621 .pds-box-outer{padding: 12px;} #PDI_container6343621 .pds-question-top{font-size:14px;line-height: 120%;color: #333;font-weight: bold;padding: 5px 0px 15px 0px;position:relative;} #PDI_container6343621 .pds-answer{padding: 10px 0px 10px 0px;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;} #PDI_container6343621 .pds-answer label{color: #333;font-size: 13px;line-height: 150%;position: relative;} #PDI_container6343621 .pds-answer-group{display: block;padding: 8px 0px 8px 0px;} #PDI_container6343621 .pds-answer-group BR{display: none;} #PDI_container6343621 .pds-answer-input{display: block;float:left;width: 25px;} #PDI_container6343621 .pds-input-label{display: block;float:left;width: 245px;cursor: pointer;} #PDI_container6343621 .pds-answer-other{padding: 0px 0px 0px 10px;} #PDI_container6343621 .pds-textfield{background: #FFF;border: 1px solid #d1d1d1;font-size: 12px;padding: 2px;width: 150px;} #PDI_container6343621 .pds-answer-other BR{display: none;} #PDI_container6343621 .pds-other-label{display: block;float:left;cursor: pointer;} #PDI_container6343621 .pds-feedback-group{display: block;padding: 8px 0px 8px 0px;} #PDI_container6343621 .pds-feedback-label{display: block;padding: 0px 0px 5px 0px;} #PDI_container6343621 .pds-feedback-result {float:right;} #PDI_container6343621 .pds-answer-text {float:left} #PDI_container6343621 .pds-feedback-per{font-weight: bold;} #PDI_container6343621 .pds-feedback-votes{font-weight: normal;} #PDI_container6343621 .pds-answer-feedback {background-color: #f1f1f1;border: 1px solid #d1d1d1;position: relative;} #PDI_container6343621 .pds-answer-feedback-bar {font-size: 2px;background: #3478e3;height: 18px;} #PDI_container6343621 .pds-vote {padding: 10px 0px;} #PDI_container6343621 .pds-votebutton-outer {} #PDI_container6343621 .pds-vote BR{display: none;} #PDI_container6343621 .pds-vote-button {color: #464646;padding: 3px 25px;white-space: nowrap;background:#F2F2F2 url(http://s3.wordpress.com/wp-admin/images/white-grad.png) repeat-x scroll left top;-webkit-border-radius: 11px;-moz-border-radius:11px;border-radius: 11px;border: 1px solid #999;cursor: pointer;font-size: 12px;font-family: "Lucida Grande",Verdana,Arial;text-decoration: none;line-height: 25px;font-weight: bold;white-space: nowrap;} #PDI_container6343621 .pds-vote-button:hover{border: 1px solid #333;} #PDI_container6343621 .pds-vote-button-load {color: #464646;padding: 3px 25px;white-space: nowrap;-webkit-border-radius: 11px;-moz-border-radius:11px;border-radius: 11px;border: 1px solid #999;cursor: pointer;font-size: 12px;font-family: "Lucida Grande",Verdana,Arial;text-decoration: none;line-height: 25px;font-weight: bold;white-space: nowrap;background:#EEE url(http://i.polldaddy.com/polls/vote-loader-eeeeee.gif) no-repeat scroll 50% 50%;} #PDI_container6343621 .pds-vote-button-load SPAN{visibility: hidden;} #PDI_container6343621 .pds-links {padding: 10px 0px 0px 0px;display: block;text-align: center;} #PDI_container6343621 .pds-links-back {padding: 10px 0px 0px 0px;display: block;text-align: center;} #PDI_container6343621 .pds-links A {font-family: Helvetica, Arial, sans-serif;font-size:12px;color: #4e4e4e;text-decoration: none;padding: 0px 4px 0px 4px;line-height: 24px;display: inline-block;font-weight: bold;} #PDI_container6343621 .pds-links-back A {font-family: Helvetica, Arial, sans-serif;font-size:12px;color: #4e4e4e;text-decoration: none;padding: 0px 4px 0px 4px;line-height: 24px;display: inline-block;font-weight: bold;} #PDI_container6343621 .pds-links A:hover {text-decoration: underline;} #PDI_container6343621 .pds-links-back A:hover {text-decoration: underline;} #PDI_container6343621 .pds-comments SPAN{font-weight: normal;} #PDI_container6343621 .pds-total-votes{padding: 10px 0px 0px 0px;position: relative;} #PDI_container6343621 .pds-total-votes SPAN{font-weight: bold;} #PDI_container6343621 div {margin:0;padding:0;}</style>
#PDI_container 6343621.pds box{字体系列:Helvetica,Arial,无衬线;背景:#fff;边框:1px实心#ccc;宽度:300px;字体大小:12px;文本对齐:左;颜色:#4e4e4e;-webkit边框半径:12px;-moz边框半径:12px;边框半径:12px;}#PDI#容器6343621{display:block;clear:both;}#PDI_容器6343621.pds框外部{padding:12px;}#PDI_容器6343621.pds问题顶部{字体大小:14px;行高:120%;颜色:333;字体重量:粗体;padding:5px 0px 15px 0px;位置:相对;}PDI#PDI_容器6343621.pds答案{填充:10px 0px 10px 0px;边框顶部:1px实心#e8e8e8;边框底部:1px实心#e8e8e8;}PDI_容器6343621.pds应答标签{颜色:#333;字体大小:13px;行高:150%;位置:相对;}PDI#u容器6343621.pds应答组{显示:块;填充:8px 0px包含8px;35px;无应答组}PDI;{#PDI_容器6343621.pds应答输入{显示:块;浮点:左;宽度:25px;}#PDI_容器6343621.pds输入标签{显示:块;浮点:左;宽度:245px;光标:指针;}#PDI_容器6343621.pds应答其他{填充:0px 0px 0px 10px;}#PDI_容器6343621.pds文本字段{背景:#FFF;边框:1px实心#d1d1d1;字体大小:12px;填充:2px;宽度:150px;}#PDI_容器6343621.pds回答其他BR{显示:无;}#PDI_容器6343621.pds其他标签{显示:块;浮动:左;光标:指针;}#PDI#容器6343621.pds反馈组{显示:块;填充:8px 0px;}#PDI_容器6343621.pds反馈标签{显示:块;填充:0px 0px 5px 0px;}#PDI_容器6343621.pds反馈结果{浮点:右;}#PDI_容器6343621.pds回答文本{浮点:左}#PDI_容器6343621pds回答反馈{背景颜色:F1F1F1F1;边框:1px实心#d1d1d1;位置:相对;}PDI容器6343621.pds回答反馈条{字体大小:2px;背景:3478e3;高度:18px;}PDI容器6343621.pds投票{填充:10px 0px;}PDI容器外部}#PDI_容器6343621.pds投票BR{显示:无;}#PDI_容器6343621.pds投票按钮{颜色:#464646;填充:3px25px;空白:nowrap;背景:#f2f2url(http://s3.wordpress.com/wp-admin/images/white-grad.png)重复-x滚动左上;-webkit边框半径:11px;-moz边框半径:11px;边框半径:11px;边框:1px实心#999;光标:指针;字体大小:12px;字体系列:“Lucida Grande”,Verdana,Arial;文本装饰:无;行高:25px;字体重量:粗体;空白:nowrap;}}PDI#U容器6343621。pds投票按钮:悬停{边框:1px实心}333;}pds投票按钮加载{颜色:#464646;填充:3px25px;空白:nowrap;-webkit边框半径:11px;-moz边框半径:11px;边框半径:11px;边框:1px实心#999;光标:指针;字体大小:12px;字体系列:“Lucida Grande”,Verdana,Arial;文本装饰:无;线条高度:25px;字体重量:粗体;空白:nowrap;背景:#EEE url(http://i.polldaddy.com/polls/vote-loader-eeeeee.gif)无重复滚动50%50%;}PDI#U容器6343621.pds投票按钮加载SPAN{可见性:隐藏;}PDI#U容器6343621.pds链接{padding:10px 0px 0px 0px;display:block;text align:center;}PDI_容器6343621.pds链接返回{padding:10px 0px 0px 0px;display:block;text align:center;}PDI_容器6343621.pds链接A{字体系列:Helvetica,Arial,无衬线;字体大小:12px;颜色:#4e4e4e;文本装饰:无;填充:0px 4px 0px 4px;行高:24px;显示:内联块;字体重量:粗体;}PDI#U容器6343621。pds链接回{字体系列:Helvetica,Arial,无衬线;字体大小:12px;颜色:#4e4e;文本装饰:无;填充:0px 4px 0px 4px;行高:24px;显示:内联块;字体重量:粗体;}PDI_容器6343621。pds链接A:悬停{文本装饰:下划线;}PDI#u容器6343621。pds链接背面A:悬停{文本装饰:下划线;}#PDI_container6343621.pds注释SPAN{font-weight:normal;}PDI_container6343621.pds总票数{padding:10px 0px 0px 0px 0px;position:relative;}PDI_container6343621.pds总票数SPAN{font-weight:bold;}PDI#u container6343621 div margin:0;padding:0;}

投票脚本正在将
样式
标记添加到
标题
的末尾。如果您的样式表在它前面,并且它们的样式也指定了
!重要的
,它将覆盖您的样式

以下是脚本添加的问题:

<style type="text/css" id="poll_style6343621">#PDI_container6343621 .pds-box{font-family: Helvetica, Arial, sans-serif;background: #fff;border: 1px solid #ccc;width: 300px;font-size: 12px;text-align: left;color: #4e4e4e;-webkit-border-radius: 12px;-moz-border-radius: 12px;border-radius: 12px;} #PDI_container6343621 .pds-box A{outline: none;} #PDI_container6343621 .pds-clear{display: block;clear: both;} #PDI_container6343621 .pds-box-outer{padding: 12px;} #PDI_container6343621 .pds-question-top{font-size:14px;line-height: 120%;color: #333;font-weight: bold;padding: 5px 0px 15px 0px;position:relative;} #PDI_container6343621 .pds-answer{padding: 10px 0px 10px 0px;border-top: 1px solid #e8e8e8;border-bottom: 1px solid #e8e8e8;} #PDI_container6343621 .pds-answer label{color: #333;font-size: 13px;line-height: 150%;position: relative;} #PDI_container6343621 .pds-answer-group{display: block;padding: 8px 0px 8px 0px;} #PDI_container6343621 .pds-answer-group BR{display: none;} #PDI_container6343621 .pds-answer-input{display: block;float:left;width: 25px;} #PDI_container6343621 .pds-input-label{display: block;float:left;width: 245px;cursor: pointer;} #PDI_container6343621 .pds-answer-other{padding: 0px 0px 0px 10px;} #PDI_container6343621 .pds-textfield{background: #FFF;border: 1px solid #d1d1d1;font-size: 12px;padding: 2px;width: 150px;} #PDI_container6343621 .pds-answer-other BR{display: none;} #PDI_container6343621 .pds-other-label{display: block;float:left;cursor: pointer;} #PDI_container6343621 .pds-feedback-group{display: block;padding: 8px 0px 8px 0px;} #PDI_container6343621 .pds-feedback-label{display: block;padding: 0px 0px 5px 0px;} #PDI_container6343621 .pds-feedback-result {float:right;} #PDI_container6343621 .pds-answer-text {float:left} #PDI_container6343621 .pds-feedback-per{font-weight: bold;} #PDI_container6343621 .pds-feedback-votes{font-weight: normal;} #PDI_container6343621 .pds-answer-feedback {background-color: #f1f1f1;border: 1px solid #d1d1d1;position: relative;} #PDI_container6343621 .pds-answer-feedback-bar {font-size: 2px;background: #3478e3;height: 18px;} #PDI_container6343621 .pds-vote {padding: 10px 0px;} #PDI_container6343621 .pds-votebutton-outer {} #PDI_container6343621 .pds-vote BR{display: none;} #PDI_container6343621 .pds-vote-button {color: #464646;padding: 3px 25px;white-space: nowrap;background:#F2F2F2 url(http://s3.wordpress.com/wp-admin/images/white-grad.png) repeat-x scroll left top;-webkit-border-radius: 11px;-moz-border-radius:11px;border-radius: 11px;border: 1px solid #999;cursor: pointer;font-size: 12px;font-family: "Lucida Grande",Verdana,Arial;text-decoration: none;line-height: 25px;font-weight: bold;white-space: nowrap;} #PDI_container6343621 .pds-vote-button:hover{border: 1px solid #333;} #PDI_container6343621 .pds-vote-button-load {color: #464646;padding: 3px 25px;white-space: nowrap;-webkit-border-radius: 11px;-moz-border-radius:11px;border-radius: 11px;border: 1px solid #999;cursor: pointer;font-size: 12px;font-family: "Lucida Grande",Verdana,Arial;text-decoration: none;line-height: 25px;font-weight: bold;white-space: nowrap;background:#EEE url(http://i.polldaddy.com/polls/vote-loader-eeeeee.gif) no-repeat scroll 50% 50%;} #PDI_container6343621 .pds-vote-button-load SPAN{visibility: hidden;} #PDI_container6343621 .pds-links {padding: 10px 0px 0px 0px;display: block;text-align: center;} #PDI_container6343621 .pds-links-back {padding: 10px 0px 0px 0px;display: block;text-align: center;} #PDI_container6343621 .pds-links A {font-family: Helvetica, Arial, sans-serif;font-size:12px;color: #4e4e4e;text-decoration: none;padding: 0px 4px 0px 4px;line-height: 24px;display: inline-block;font-weight: bold;} #PDI_container6343621 .pds-links-back A {font-family: Helvetica, Arial, sans-serif;font-size:12px;color: #4e4e4e;text-decoration: none;padding: 0px 4px 0px 4px;line-height: 24px;display: inline-block;font-weight: bold;} #PDI_container6343621 .pds-links A:hover {text-decoration: underline;} #PDI_container6343621 .pds-links-back A:hover {text-decoration: underline;} #PDI_container6343621 .pds-comments SPAN{font-weight: normal;} #PDI_container6343621 .pds-total-votes{padding: 10px 0px 0px 0px;position: relative;} #PDI_container6343621 .pds-total-votes SPAN{font-weight: bold;} #PDI_container6343621 div {margin:0;padding:0;}</style>
#PDI_container 6343621.pds box{字体系列:Helvetica,Arial,无衬线;背景:#fff;边框:1px实心#ccc;宽度:300px;字体大小:12px;文本对齐:左;颜色:#4e4e4e;-webkit边框半径:12px;-moz边框半径:12px;边框半径:12px;}#PDI#容器6343621{显示:块;清除:两者;}#PDI_容器6343621.pds框外部{p
.pds-links {padding: 10px 0px 0px 0px;display: inline !important; text-align: center;}