代码之家  ›  专栏  ›  技术社区  ›  Mesh

何时解析/评估CSS?

  •  1
  • Mesh  · 技术社区  · 14 年前

    我有一个div列表,每个都有一个'createdDate'属性,我计算每个div的createdDate, 我添加了另一个属性'isNew',如果它小于7天,则设置为true,否则设置为false。

    css有:

    div[isNew=true] div.title{ background:red } 
    

    打算在少于7天时将背景设置为红色。

    使用firebug和ie-Dev工具-根据匹配规则将背景显示为红色。

    但是浏览器没有以红色显示title div。

    有没有办法轻推css评估来重新绘制?还是更好的方法?

    2 回复  |  直到 14 年前
        1
  •  1
  •   fcalderanfcalderan    14 年前

    从这个片段开始 http://jsfiddle.net/fcalderan/Gh7Ud/ 按预期工作我建议检查标记和剩余的css规则,可能您在某个地方重新定义了该样式

    注意:您的代码需要一个属性' isNew ':如果你控制着html代码,最好能保证以后可以更改为' data-isNew '

    正如Zlatev所建议的,创建一个类'adhoc'是另一个解决方案,这将确保交叉行,因为最旧的浏览器不识别CSS属性选择器。顺便说一句,我只建议不要使用 .red 类,因为它与元素样式的绑定太多(如果更改颜色呢?),所以最好选择语义类,比如 .newtitle

        2
  •  0
  •   Z. Zlatev    14 年前

    只需创建一个新规则:

    .red { background: red; } // to be safe and sure, you can make it important
    

    需要时通过jQuery应用 .addClass() 或形成后端