通过javaScript编辑特定的内联<style>

Question

我有:

<style id=inlinestyle>
    .container {
        height: 0;
    }
    .container li {
        height: 10px;
    }
    .container li a {
                 color: pink;
    }
</style>

我希望能够在不丢失其他风格的情况下定位和编辑`.container li a'.

 $('#inlinestyle').html('#poop { color: red }');

这不会起作用,因为我会失去那里的一切.

值得一提的是,我将创建无限量的元素,因此内联样式不是一种选择.

Answer 1

定位你想要修改的元素不是更好吗？

$('#poop').css('color','red');

如果你想将多个属性添加到该精确元素的css中,只需执行以下操作:

$('#poop').css({
    'color' : 'red',
    'font-size' : '16px',
    ......
});