jquery - jquery将css附加到头部

Question

我想学习一些 jQuery，我试图从一些简单的东西开始（或者这就是我的想法），我试图div用一些 css 改变一些风格，但它似乎不起作用。
关于我做错了什么的任何想法？

$('head').append('<style type="text/css"> #main1, #main2 { 
background-image: linear-gradient(to right, #92FE9D, #00C9FF) !important;
color: #000000 !important;
border-radius: 4; } 
</style>');

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="main1">1</div>
<div id="main2">2</div>

标签： jquerycss

Answer 1

您需要连接新行，例如：

$('head').append('<style type="text/css"> #main1, #main2 {'+
'background-image: linear-gradient(to right, #92FE9D, #00C9FF) !important;'+
'color: #000000 !important;'+
'border-radius: 4; }'+
'</style>');