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

为SCSS定义的样式更改链接颜色和javascript

  •  0
  • user160917  · 技术社区  · 15 年前

    我有SCSS,看起来像

    #container{
       a{
          color:white;
       }
    }
    

    我想使用javascript将链接更改为其他颜色。工业工程

    function changeColorTo(color){
       //insert help here
    }
    

    谢谢。

    2 回复  |  直到 15 年前
        1
  •  3
  •   lincolnk    15 年前

    您可以在元素上本地应用样式,它将覆盖样式表规则。

    function changeColorTo(color){
        var container = document.getElementById('container');
        var anchors = container.getElementsByTagName('a');
        for (var i = 0; i<anchors.length; i++){
            anchors[i].style.color = color;
        }
    }
    

    编辑:我很蠢,我现在得到了你想要做的。样品更新。

        2
  •  2
  •   user160917    15 年前

    Lincolnk的解决方案工作得很好,但是如果使用jquery,它也可以工作。

    $('#container a').css('color',color)
    

    所以,是的,jquery有点甜。