我正在尝试创建一个菜单系统,它根据有多少"li"条目动态调整自身水平以填充,我正在使用XSLT动态创建网页.我的想法是这是否可以在CSS中使用?
这是我专门针对HTML页面的CSS
nav[role="navigation"] li {
float: left;
width: 10.00%; /* I want to dynamically set this width */
}
Run Code Online (Sandbox Code Playgroud)
有疑问的HTML片段
<nav role="navigation" count="2"><?xml version="1.0" encoding="utf-8"?>
<ul>
<li>
<a href="movies.html">Movies</a>
</li>
<li>
<a href="news.html">News</a>
</li>
<ul>
</nav>
Run Code Online (Sandbox Code Playgroud)
我的想法是,这样的东西是否可以用参数调用CSS,或者我是否反对它的声明性方式?
nav[role="navigation"] li param {
float: left;
switch(param)
{
case : 5
{
width: 20.00%;
}
case : 3
{
width: 33.33333%;
}
}
}
Run Code Online (Sandbox Code Playgroud)