添加一个到jquery .css的链接

Question

我有一行我添加一些CSS:

$("#foo").html("Some text with a link <a href=\"link.html\">Link here</a>").css({
     'margin': '10px 0px',
     'padding': '15px 10px 15px 50px',
     'clear': 'left'
});

我想将链接更改为黑色,因此添加此css应该有效:

a.link {
     color: black
}

我想最好的办法是指向一个css文件而不是添加a.link.但想知道是否有可能.显然这样的东西不起作用,因为它不是正确的json格式:

$("#foo").html("Some text with a link <a href=\"link.html\">Link here</a>").css({
     'margin': '10px 0px',
     'padding': '15px 10px 15px 50px',
     'clear': 'left',
     'a:link: color': 'black'
 });

有没有办法做到这一点？

Answer 1

您无法从父元素css函数更新子元素的样式.相反,为什么不将它添加到css文件中,

#foo a.link { color: black; }

如果您对如何通过脚本添加它感到好奇

$("#foo")            //Added class link to the link tag--v
   .html('Some text with a link <a href=\"link.html\" class="link">Link here</a>')
   .css({'margin': '10px 0px', 'padding': '15px 10px 15px 50px', 'clear': 'left'})
   .find('a.link').css({'color': 'black'}); 
   //^-- this would find the link tag and updates its css