部分页面使用YUI网格css样式



我的页面中有一个菜单栏,我没有应用YUI样式。下面是我想使用YUI样式的三个文档部分。示例代码:

<?php
include("style.html");
?>
<script src="http://yui.yahooapis.com/3.9.0/build/yui/yui-min.js"></script>
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/grids/grids-min.css">
<link rel="stylesheet" type="text/css" href="http://yui.yahooapis.com/2.9.0/build/reset-fonts-grids/reset-fonts-grids.css">
</head>
<body>
<div><h1>HEAD</h1></div>
<div id=top>TOP MENU</div> //top is defined in the included style html file
<div class="yui-gb">
  <div class="yui-u first">BODY PART</div>
.....

我使用YUI的部分很好,但是YUI也会影响其他div部分。我怎么解决这个问题?谢谢你!

网格不应该影响其他div,但是您似乎正在加载reset-fonts-grids,其中的重置部分将影响其他div。您似乎也在加载3.9.0 YUI,但从版本2加载CSS。我建议避免跨越这个障碍,除非你真的知道你为什么要这样做。

3.9.0也有重置、字体和网格CSS文件。在使用3.9.0版本的情况下,您可以使用上下文重置类来约束它所针对的页面部分。要做到这一点,你需要加载"cssreset-context/cssreset-context-min.css",然后将"yui3-cssreset"类添加到你想重置的容器中。在这里记录:

http://yuilibrary.com/yui/docs/cssreset/上下文

最新更新