新手求助一个简单的 CSS 显示数字问题

背景：在写一个简单的网页五子棋游戏 目前实现（网上找的代码）： css 部分 有这三个元素：

 .chess{ position:relative; z-index:99999; width:28px; height:28px; border-radius:50%; background-color:#ffdd55; opacity:0.3; margin:0 2px 2px 0; float:left; } .white{ opacity:1; background-color:#fff; box-shadow:1px 1px 3px #000; } .black{ opacity:1; background-color:#000; box-shadow:1px 1px 3px #000; } 

js 部分： 初始化的时候，所有的棋子都是：className='chess'; 然后 id 和坐标绑定 点击的时候，就可以根据坐标获取到 id，然后设置棋子的 className 为黑棋或白棋，函数类似这样：

this.showChess = function (i, j, color) { console.log("in showChess: i="+i+",j="+j+", color="+color); id="#chess"+i+"_"+j; chess = document.querySelector(id); chess.className='chess '+color; } 

问题： 现在希望增加一个步数显示功能，即在每个棋子上依次显示从 1 开始的数字。 js 函数类似这样（多了一个 count ）：

this.showChess = function (i, j, color,count) { console.log("in showChess: i="+i+",j="+j+", color="+color); id="#chess"+i+"_"+j; chess = document.querySelector(id); chess.className='chess '+color + ' ' +count; } 

css 部分完全不知道怎么搞了，求助