Question

我附上了我的html代码。我想知道如何更改字体颜色。

的index.html

 <html>
 <head>
 ----
 ----
 <body>
 <b>Student Info</b>
 {
 "data": {
 "attributes": {
 "firstName": "xxx",  //view as json data
 "lastName": "yyy"
  ---
  ---
  }}}
   </body></head></html>

我的输出是 { ＆＃34;数据＆＃34;：{ ＆＃34;属性＆＃34;：{ ＆＃34;姓名＆＃34;：＆＃34; XXX＆＃34; ＆＃34;姓＆＃34;：＆＃34; YYY＆＃34; } } } 这是我的json块视图这里如何更改字体颜色。

Answer 1

我认为您正在寻找的是某种语法高亮。我不会给你自动查找键和值的代码，但我会告诉你如何完成它的概念。

.value {
  color: red;
}

.key {
  color: green;
}

<b>Student Info</b>
{<br />
    <span class="key">"data"</span>: {<br />
        <span class="key">"attributes"</span>: {<br />
            <span class="key">"firstName"</span>: <span class="value">"xxx"</span>,<br />
            <span class="key">"lastName"</span>: <span class="value">"yyy"</span><br />
     }<br />
 }

基本上，您希望将span元素添加到文档中，并将键和值放入其中。将CSS类添加到更改颜色的跨度中，基本完成其他所有内容都是格式化，因为您需要换行符和正确的缩进。

Answer 2

尝试

<span style="color:#ff0000"> {
     "data": {
     "attributes": {
     "firstName": "xxx",  //view as json data
     "lastName": "yyy"
      ---
      ---
      }}}
    </span>

在Bootstrap中设置字体颜色

2 个答案: