Javascript Can'；t用jQuery覆盖CSS属性，什么'；我的代码怎么了？

我正在奥丁项目课程中从事jQuery项目。我已经设法在一个容器内创建了一个网格，可以改变它的盒子的颜色，但是我希望能够增加盒子的数量，而不会从容器中弹出。我想如果我用jQuery覆盖框的css属性，我可以管理，但是我不知道为什么它不起作用

这是我的密码：

$(document).ready(function grid(boxes)
{
//Declare how many boxes in the grid.
  var boxes = prompt("Choose gridsize");

//Resize boxes assigning css.
  var rcsize = Math.floor(400/boxes - 3);
   $('.row').css('width: ' + rcsize + 'px');
   $('.row').css('height: ' + rcsize + 'px');

//Create grid.
  var $row = $('<div class="row"></div>');
  var $col = $('<div class="col"></div>');
      for (var i = 0; i < boxes; i++) {
          $row.append($col.clone());
      }
      for (var i = 0; i < boxes; i++) {
          $("#outerbox").append($row.clone());
    }
    $('.col').on('hover', function() {
     $(this).addClass('colon');
  });

//Add functionality to navbar buttons.
   $("#g").click(function() {
      prompt("Choose gridsize");
   });

   $("#r").click(function() {
      alert("sup");
   });

   $("#c").click(function() {
     prompt("Choose color: black, red or blue");
   });
});

悬停在JSFIDLE上不起作用，但出于某种原因，它在我的索引文件上起作用。先谢谢你。

---

使用css功能如下

 $('.row').css('width' , rcsize + 'px');
   $('.row').css('height' , rcsize + 'px');

---

如需参考，请检查此链接

您在

类

中有打字错误。就在这里

//create grid
var $row = $('<div clas="row"></div>');

//创建网格
变量$row=$（''）；

应该是

//create grid
var $row = $('<div class="row"></div>');

//创建网格
变量$row=$（''）；

//create grid
var $row = $('<div class="row"></div>');