2012-03-12 121 views
0

想知道是否有是忽略标签的方式:忽略CSS标签

<!-- I can add code here --> 

<!-- I cannot edit the following start --> 
<style> 
    div, td { 
    color: #555555; 
    font-size: 10pt; 
    text-align: left; 
    } 
</div> 
<!-- I cannot edit the following end --> 

<div id="myapp" style="color:red"><div>Test</div></div> 

想知道如果有什么我可以添加跳过这些通用DIV/TD风格。例如#myapp div { font-color: inherit; }

+0

你是什么意思的 “标签” 吗? – BoltClock 2012-03-12 15:09:02

+0

@BoltClock我的意思是我想忽略通用的CSS标签(在这里我可以添加代码)。 – 2012-03-12 15:15:46

回答

0

这将继承红色

#myapp div{ 
    color: inherit; 
} 
2

有没有简单的方法CSS以后忽略CSS规则。

最可靠的选择是使用JavaScript删除标签。

:在<script>元素后删除,也就是说,第一<style>标签:

<script id="unique-id-script"> 
setTimeout(function() { 
    var removeTheNthStyleElement = 1, found = 0, 
     script = document.getElementById('unique-id-script'), elem = script; 
    while (elem = elem.nextSibling) { 
     if (elem.nodeName.toUpperCase() === 'STYLE') { 
      if (++found === removeTheNthStyleElement) { 
       // Remove style element => disable styles 
       elem.parentNode.removeChild(elem); 
       // Remove temporary script element 
       script.parentNode.removeChild(script); 
       break; 
      } 
     } 
    } 
}, 4); 
</script> 
... anything but a style element... 
<style> 
/* I want to prevent these rules from being used */ 
</style>