* 겪고 있는 문제 상황을 최대한 자세하게 작성해주세요.

* 문제 해결을 위해 어떤 시도를 해보았는지 구체적으로 함께 알려주세요.

거치된 자전거의 수가 5대 미만일 때, class 를 사용하지 않고, <td style="color:red"> 와 같이 각각의 내용에 입력을 해주었습니다. 기대한 바로는 사진과 달리 글자에만 색이 입혀질 것이라고 여겼습니다. 그런데 그렇게 되지 않아서. 이런 경우 <span> 태그로 처리하면 될까요?

function q1() {
    $('#names-q1').empty()
    $.ajax({
        type: "GET",
        url: "http://spartacodingclub.shop/sparta_api/seoulbike",
        data: {},
        success: function (response) {
            let rows = response['getStationList']['row']
            for (let i=0;i < rows.length;i++) {
                let stationName = rows[i]['stationName']
                let rackTotCnt = rows[i]['rackTotCnt']
                let parkingBikeTotCnt = rows[i]['parkingBikeTotCnt']
                let temp_html = ``

                if (parkingBikeTotCnt < 5) {
                    temp_html = `<tr>
                                    <td style="color: red">${stationName}</td>
                                    <td style="color: red">${rackTotCnt}</td>
                                    <td style="color: red">${parkingBikeTotCnt}</td>
                                </tr>`
                } else {
                    temp_html = `<tr>
                                    <td>${stationName}</td>
                                    <td>${rackTotCnt}</td>
                                    <td>${parkingBikeTotCnt}</td>
                                </tr>`
                }

                $('#names-q1').append(temp_html)
            }
        }
    })
}