CSS我在哪里更改标签的文本颜色

Question

我的图表背景为白色，标签也是白色。

我该怎么做才能更改标签文字的颜色？

<div class="switches">
    <div class="col-4">
        <div class="col-md-4 switch-right">
            <div class="switch-right-grid">
                <div class="switch-right-grid1">
                    <h3>TODAY'S STATS</h3>
                    <p>Duis aute irure dolor in reprehenderit.</p>
                    <ul>
                        <li>Earning: $400 USD</li>
                        <li>Items Sold: 20 Items</li>
                        <li>Last Hour Sales: $34 USD</li>
                    </ul>
                </div>
            </div>
            <div class="sparkline">
                <canvas id="line" height="150" width="480" color="blue" style="width: 480px; height: 150px;"></canvas>
                    <script>
                        var lineChartData = {
                            labels : ["-1","-2","-3","-4","-5","-6","-7"],
                            datasets : [
                                {
                                    fillColor : "#0099ff",
                                    strokeColor : "#F44336",
                                    pointColor : "#fbfbfb",
                                    pointStrokeColor : "#F44336",
                                    data : [<?php echo $chart1 ;?>]
                                }
                            ]

                        };
                        new Chart(document.getElementById("line").getContext("2d")).Line(lineChartData);
                    </script>

由于

下面的图片。首先是图表，第二个是选中文本以突出显示白色文本的图表

Answer 1

对于li标签

.switch-right-grid1 ul li {
  color: black;
}

图表标签试试这个

.sparkline * {
  color: black;
}

Answer 2

标签是无序列表中的列表元素（ li ）（ ul ）。您可以通过向列表元素添加CSS类或通过选择 .switch-right-grid1 <的 ul 元素的 li 元素来定位它们。 / strong> div。

div.switch-right-grid1 > ul > li {
    color:#000;
}

或

CSS：

li.switch-right-grid-label {
    color:#000;
}

HTML：

<ul>
     <li class="switch-right-grid-label">Earning: $400 USD</li>
     <li class="switch-right-grid-label">Items Sold: 20 Items</li>
     <li class="switch-right-grid-label">Last Hour Sales: $34 USD</li>
</ul>