相关疑难解决方法(0)

带有可变参数的动态CSS?(可能吗?)

我正在尝试创建一个菜单系统,它根据有多少"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)

css html5

14
推荐指数
2
解决办法
3万
查看次数

标签 统计

css ×1

html5 ×1