限制div以仅获取特定样式表

时间:2014-10-09 11:19:20

标签: html css html5 css3

我正在开发一个完全由HTML5,MVC 4,CSS 3,JQuery,LINQ完成的项目。有很多ui,li和其他html控件,我们已经为这些元素完成了样式。

现在我的情况是必须包含JQ网格(http://www.trirand.com/blog/jqgrid/jqgrid.html),我们使用自己的客户端网格。现在问题是如果我在页面上使用JQ Grid的样式表,也有可能受到其他元素的影响。无论如何,我将在div元素中使用该特定网格,我需要样式表应该受到影响,所有元素都在div内。

有可能吗?

(我想知道这是否可行;)    

 <div id="jqgridcontainer" stylesheet="styles/jqgrid/jqstyles.css">  my ui elements here </div> 

我知道以这种方式不可能)

注意:通过向所有元素css添加“jqgridcontainer”div id来编辑http://www.trirand.com/blog/jqgrid/themes/redmond/jquery-ui-custom.css[ ^]是不可能的。

3 个答案:

答案 0 :(得分:0)

不能将css文件添加到一个div中,只能将样式添加到所有文档中。 我看到只使用css文件到页面的一部分的唯一方法是将你的网格放在一个iframe中(这不是很好......)

答案 1 :(得分:0)

你不能<div id="jqgridcontainer" stylesheet="styles/jqgrid/jqstyles.css">。如果jqstyles.css不是一个大文件,你可以用div{...}更改其中的div.jq {...}规则,并将类jq添加到你想要使用jq样式的div。如果jqstyles.css太大而你无法完成所有这一切,那就给你想要拥有自己风格的div,像'myDivClass'这样的类,并将你的css改为div.myDivClass {.. }。您可能需要将规则标记为!important或首先引用jqstyles.css,然后引用第2个..

答案 2 :(得分:0)

正确使用id和类以避免所有除法获得相同的属性..