logo标签列表

更改getElementsByClassName的字体大小

htmlangularjsionic-framework
9
我使用getElementsByClassName从页面中抓取了一个段落。然而，我无法更改输出的字体大小和颜色。
以下是我的代码：
var keyPeople1 = tmp.body.getElementsByClassName("cr_profile_people module")[0].children;
for (var i = 0; i < keyPeople1.length; i++) {
  keyPeople1[i].style.fontSize = "2em";
}
$scope.keyPeople = "<div class='cr_profile_people module'><div class='mod_headerBox'>"+keyPeople1[0].innerHTML+"</div><div class='cr_data cr_board'>"+keyPeople1[1].innerHTML+"</div></div>";

for循环应该改变字体大小，但它却不起作用。

HTML片段

<div style="margin: 10px;" ng-bind-html="keyPeople"></div>

在样式中添加fontsize <div style="margin: 10px;font-size:60%;"ng-bind-html="keyPeople"></div> 对字体大小没有影响。

请指导正确的更改字体大小和颜色的方法。 enter image description here

完整代码

使用AngularJS来抓取一个网页

.controller("companyOwnershipCtrl",function($scope,$http,$ionicLoading,$state,$cashDataFactory){


  $ionicLoading.show();

  $http.get("http://vinn.johnapi.com/wsjapi?url=http://quotes.wsj.com/SG/U11/company-people")
  .success(function(response){
    $ionicLoading.hide();
    var tmp = document.implementation.createHTMLDocument();

    tmp.body.innerHTML = response;

    //Company Info
    var companyInfo1 = tmp.body.getElementsByClassName("cr_profile_contact")[0].children;
    var companyInfo2 = tmp.body.getElementsByClassName("cr_overview_data cr_data")[0].children;

    $scope.companyInfo = "<div class='cr_profile_contact'>"+companyInfo1[0].innerHTML+"</div>";
    $scope.companyInfo += "<div class='cr_overview_data cr_data'>"+companyInfo2[0].innerHTML+"</div>";

    //Description
    var description1 = tmp.body.getElementsByClassName("cr_description_full cr_expand")[0].children;
    $scope.companyDescription = "<p>"+description1[0].innerHTML+"</p>";

    //Key People
    var keyPeople1 = tmp.body.getElementsByClassName("cr_profile_people module")[0].children;
    $scope.keyPeople = "<div class='cr_profile_people module'><div class='mod_headerBox'>"+keyPeople1[0].innerHTML+"</div><div class='cr_data cr_board'>"+keyPeople1[1].innerHTML+"</div></div>";

    //Average Growth Rates
    var growth = tmp.body.getElementsByClassName("cr_profile_growth module")[0].children;
    var growth1 = tmp.body.getElementsByClassName("cr_profile_insider module")[0].children;
    $scope.averageGrowthRates = "<div class='cr_profile_growth module'><div class='mod_headerBox'>"+growth[0].innerHTML+"</div><div class='cr_data'>"+growth[1].innerHTML+"</div></div>";
    $scope.averageGrowthRates += "<div class='cr_profile_insider module'><div class='mod_headerBox'>"+growth1[0].innerHTML+"</div><div class='cr_data'>"+growth1[1].innerHTML+"</div><div class='cr_data'>"+growth1[2].innerHTML+"</div></div>";

    //ownership
    var ownership = tmp.body.getElementsByClassName("cr_profile_ownership module")[0].children;
    $scope.averageGrowthRates += "<div class='cr_profile_ownership module'><div class='mod_headerBox'>"+ownership[0].innerHTML+"</div><div class='cr_data'>"+ownership[1].innerHTML+"</div><div class='cr_data'>"+ownership[2].innerHTML+"</div></div>";
  }).error(function(error){

    $ionicLoading.hide();
    console.log(error.data);

  });

HTML

<ion-view view-title="Company">
  <ion-nav-buttons side="left">
  </ion-nav-buttons>
<ion-content id="comp">
  <ion-scroll>
    <h3 style="margin: 10px;">Company Info</h3>
    <div style="margin: 10px;" ng-bind-html="companyInfo"></div>
    <h3 style="margin: 10px;">Description</h3>
    <div style="margin: 10px;font-size:20px;" ng-bind-html="companyDescription"></div>
    <div style="margin: 10px;color:#AAAFFF;font-size:40px;" ng-bind-html="keyPeople"></div>s   
    <div style="margin: 10px;" ng-bind-html="averageGrowthRates"></div>
    <div style="margin: 10px;" ng-bind-html="ownership"></div>
  </ion-scroll>
</ion-content>
</ion-view>

更新：根据@Manzurul和@Varun Sukheja目前的答案。

  1. 我绘制的红框内的字体大小和颜色都没有生效。

  2. 红框下面表格的字体大小没有生效，只有颜色改变了。

因此，我很好奇为什么红框内的字体大小无法更改？更重要的是如何更改它。

这张图片使用了

.controller("companyOwnershipCtrl",function($scope,$http,$ionicLoading,$state,$cashDataFactory){

$scope.companyDescriptionStyle = {"color": "blue", "font-size": "40px"};

在AngularJS中使用<div style="margin: 10px;font-size:20px;" ng-bind-html="companyDescription" ng-style="companyDescriptionStyle"></div>，在HTML中也可以使用，但你会发现字体大小与上面的相同。

enter image description here

从此链接http://quotes.wsj.com/SG/U11/company-people抓取的HTML代码。

<div class="cr_profile_people module"> <div class="mod_headerBox"> <h3>Key People <span class="hdr_co_name">United Overseas Bank Ltd.</span></h3> </div> <div class="cr_data cr_board"> <h4>Board of Directors</h4> <table class="cr_dataTable cr_board_table"> <tbody> <tr> <th>Name/Title</th> <th>Current Board Membership</th> </tr> </tbody> </table> <div class="scrollBox"> <table class="cr_dataTable cr_board_table"> <tbody> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/86291589">Ee Cheong Wee</a>, <span class="data_meta">63</span> </span> <span class="data_lbl">Deputy Chairman &amp; Chief Executive Officer</span> </td> <td> <span class="data_lbl">PT Bank UOB Indonesia, Visa International Senior Client Council, United Overseas Bank Ltd., Singapore-China Foundation Ltd., Far Eastern Bank Ltd., United Overseas Insurance Ltd., United Overseas Bank (Thai) Public Co. Ltd., United Overseas Bank (Malaysia) Bhd., The Institute of Banking &amp; Finance, United Overseas Bank (China) Ltd., Wee Foundation, United Overseas Bank Ltd. (Singapore)</span> </td> </tr> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/16055509">Michael Lien</a>, <span class="data_meta"></span> </span> <span class="data_lbl">Non-Executive Director</span> </td> <td> <span class="data_lbl">United Overseas Bank Ltd. (Singapore)</span> </td> </tr> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/104206">Cho Yaw Wee</a>, <span class="data_meta">88</span> </span> <span class="data_lbl">Chairman-Emeritus</span> </td> <td> <span class="data_lbl">United Overseas Bank Ltd. (Singapore)</span> </td> </tr> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/16489539">Fu Hua Hsieh</a>, <span class="data_meta">66</span> </span> <span class="data_lbl">Chairman</span> </td> <td> <span class="data_lbl">United Overseas Bank Ltd. (Singapore)</span> </td> </tr> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/86320739">Khirn Hai Yeo</a>, <span class="data_meta">55</span> </span> <span class="data_lbl">Independent Non-Executive Director</span> </td> <td> <span class="data_lbl">United Overseas Bank Ltd. (Singapore)</span> </td> </tr> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/154674047">Kan Seng Wong</a>, <span class="data_meta">71</span> </span> <span class="data_lbl">Independent Non-Executive Director</span> </td> <td> <span class="data_lbl">United Overseas Bank Ltd. (Singapore)</span> </td> </tr> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/13470908">Alexander Charles Hungate</a>, <span class="data_meta">51</span> </span> <span class="data_lbl">Independent Non-Executive Director</span> </td> <td> <span class="data_lbl">United Overseas Bank Ltd. (Singapore)</span> </td> </tr> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/98308786">Hwee Hua Lim</a>, <span class="data_meta">57</span> </span> <span class="data_lbl">Independent Non-Executive Director</span> </td> <td> <span class="data_lbl">United Overseas Bank Ltd. (Singapore), BW Group Ltd., Jardine Cycle &amp; Carriage Ltd., Stewardship &amp; Corporate Governance Centre Pte Ltd., PAP Community Foundation, Stewardship Asia Centre Pte Ltd.</span> </td> </tr> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/104667">Cher Siang Koh</a>, <span class="data_meta">70</span> </span> <span class="data_lbl">Independent Non-Executive Director</span> </td> <td> <span class="data_lbl">Singapore Housing &amp; Development Board, United Overseas Bank Ltd., CapitaLand Ltd., United Overseas Bank Ltd. (Singapore), Thye Hua Kwan Moral Charities Ltd., Mechanobiology Institute, Singapore Golf Association, Singapore Cooperation Enterprise, CapitaLand Hope Foundation, Singapore Deposit Insurance Corp., Singapore Island Country Club</span> </td> </tr> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/114522422">Yew Huat Ong</a>, <span class="data_meta">60</span> </span> <span class="data_lbl">Independent Non-Executive Director</span> </td> <td> <span class="data_lbl">United Overseas Bank Ltd. (Singapore)</span> </td> </tr> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/86318967">Jue Hiang Cheng</a>, <span class="data_meta">62</span> </span> <span class="data_lbl">Independent Non-Executive Director</span> </td> <td> <span class="data_lbl">SPH MediaBoxOffice Pte Ltd., SPH Interactive Pte Ltd., FEO Hospitality Trust Management Pte Ltd., Far East Hospitality Trust, FEO Hospitality Asset Management Pte Ltd., SPH Interactive International Pte Ltd., Singapore Institute of Directors, 701Search Pte Ltd., Ntuc Fairprice Foundation Ltd., Ashoka Innovators for the Public (Singapore) Ltd., United Overseas Bank Ltd. (Singapore), Council For Third Age Ltd., Integrated Information Systems, Inc., Aescapulus Holdings Pte Ltd., Singapore Health Services Pte Ltd., Integrated Health Information Systems Pte Ltd., SymAsia Foundation Ltd., Asia Philantrophic Ventures Pte Ltd., Asia Philanthropic Ventures Pte Ltd., Caritas Humanitarian Aid &amp; Relief Initiatives, Singapore</span> </td> </tr> <tr> <td> <span class="data_data"> <a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/41491049">Franklin Leo Lavin</a>, <span class="data_meta">58</span> </span> <span class="data_lbl">Independent Non-Executive Director</span> </td> <td> <span class="data_lbl">Far Eastern Bank Ltd., Globe Specialty Metals, Inc., CONSISTEL (Singapore) Pte Ltd., United Overseas Bank Ltd. (Singapore), United Overseas Bank Ltd., Export Now, Inc.</span> </td> </tr> </tbody> </table> </div> <div class="bottomStrap_more"> <a href="#" id class="moreLink loadMoreLink">expand</a> </div> </div> <div class="cr_data cr_all_executives"> <h4>All Executives</h4> <div class="scrollBox"> <ul class="cr_data_collection cr_all_executives"> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/86291589">Ee Cheong Wee</a></span> <span class="data_lbl">Deputy Chairman &amp; Chief Executive Officer</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/86291593">Wai Cheng Hwee</a></span> <span class="data_lbl">Head-Group Technology &amp; Operations</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/86291587">Wai Fai Lee</a></span> <span class="data_lbl">Chief Financial Officer</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/4815192">Victor Ngo</a></span> <span class="data_lbl">Head-Group Compliance</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/122181365">See-Ming Ip Yeung</a></span> <span class="data_lbl">Managing Director</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/122099381">Chin Voon-Fat</a></span> <span class="data_lbl">Head-Group Wholesale Banking</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/120136914">Kok Seong Chan</a></span> <span class="data_lbl">Group Chief Risk Officer</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/115461061">Wah Yan Wong</a></span> <span class="data_lbl">Head-Group Strategy &amp; International Management</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/160726">Terence Ong</a></span> <span class="data_lbl">Head-Global Markets &amp; Investment Management</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/86328526">Chin Yong Lee</a></span> <span class="data_lbl">Head-Group Retail</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/16055509">Michael Lien</a></span> <span class="data_lbl">Non-Executive Director</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/104206">Cho Yaw Wee</a></span> <span class="data_lbl">Chairman-Emeritus</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/152463410">Carrie Ann Mathews</a></span> <span class="data_lbl">Head-Group Strategic Communications</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/120300850">Shih Tung Lin</a></span> <span class="data_lbl">Investor Relations Contact</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/95901534">Mei Leng Wong</a></span> <span class="data_lbl">Head-Group Human Resources</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/138452461">Ming Kuang Sia</a></span> <span class="data_lbl">Co-Secretary</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/151489730">Kwee Soik Sim</a></span> <span class="data_lbl">Co-Secretary</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/16489539">Fu Hua Hsieh</a></span> <span class="data_lbl">Chairman</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/86320739">Khirn Hai Yeo</a></span> <span class="data_lbl">Independent Non-Executive Director</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/154674047">Kan Seng Wong</a></span> <span class="data_lbl">Independent Non-Executive Director</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/13470908">Alexander Charles Hungate</a></span> <span class="data_lbl">Independent Non-Executive Director</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/98308786">Hwee Hua Lim</a></span> <span class="data_lbl">Independent Non-Executive Director</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/104667">Cher Siang Koh</a></span> <span class="data_lbl">Independent Non-Executive Director</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/114522422">Yew Huat Ong</a></span> <span class="data_lbl">Independent Non-Executive Director</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/86318967">Jue Hiang Cheng</a></span> <span class="data_lbl">Independent Non-Executive Director</span> </div> </li> <li> <div class="cr_data_field"> <span class="data_data"><a href="http://quotes.wsj.com/SG/XSES/U11/company-people/executive-profile/41491049">Franklin Leo Lavin</a></span> <span class="data_lbl">Independent Non-Executive Director</span> </div> </li> </ul> </div> <div class="bottomStrap_more"> <a href="#" id class="moreLink loadMoreLink">expand</a> </div> </div> </div> </div> <!--data-module-name="quotes.module.companypeople.Module"--> <div intent in-at8units-append="#at8uTarget" in-at12units-append="#at12uTarget" in-at16units-append="#at12uTarget"> <div data-module-id="12" data-module-name="quotes.module.ads.responsiveAd" data-module-zone="ads" class="zonedModule"> <div class="boxadWrapper module" id="main-quotes-ad"> <span class="adTitle">Advertisement</span> <div class="quotes-ad-wrap" id="AD_G" data-ad-options="{&quot;adId&quot;:&quot;AD_G&quot;,&quot;adUnitPath&quot;:&quot;/2/asia.wsj.com/quotes_front&quot;,&quot;adSize&quot;:[[300,250],[300,1050]],&quot;adSizeMap&quot;:null,&quot;autoRefresh&quot;:false,&quot;adTargeting&quot;:{&quot;metazone&quot;:&quot;&quot;,&quot;msrc&quot;:null,&quot;circ&quot;:&quot;nonsub&quot;,&quot;sym&quot;:&quot;U11&quot;,&quot;p39&quot;:null}}" data-tracking="asia.wsj.com/quotes_front" data-cb-ad-id="TopRectangle"> </div> </div> </div>
对于字体大小，请尝试将其设置为“font-size: 20px”，对于颜色，请使用类似“color: red”的语法。 - Nisarg Shah
在HTML或AngularJS中？<div style="margin: 10px;font-size:20px;"ng-bind-html="keyPeople"></div>？ - bkcollection
很不幸，它并没有。这就是为什么我不明白为什么。正如您从图片中所看到的，它包含标题和表格。两种字体大小都没有改变。 - bkcollection
还是一样的。可能需要在AngularJS中进行更改？ - bkcollection
@NisargShah 我已经更新了完整的代码，请查看。 - bkcollection
显示剩余5条评论
3个回答
2

请看，我使用了您所有的ionic HTML代码，并保留了h3标签。而且ng-style也正常工作。

var app = angular.module('plunker', []);

app.controller('MainCtrl', function($scope, $http) {

  /*$http.get("http://manzurul.atwebpages.com")
  .success(function(response){ 
    console.log('workingsdfsdf');
    
  }).error(function(error){
 
    if(!error) {
        $scope.name = "No data found"
        $scope.companyDescriptionStyle = {"color": "red","font-size":"40px"}
    }
  });*/
  $scope.companyDescriptionStyle = {
    "color": "blue",
    "font-size": "40px"
  };
  $scope.name = 'World';
  //Company Info
  var companyInfo1 = null;
  var companyInfo2 = null;

  $scope.companyInfo = null;
  $scope.companyInfo += "";

  //Description
  var description1 = "";
  $scope.companyDescription = "<p></p>";


  //Key People
  var keyPeople1 = "";
  $scope.keyPeople = "";

  //Average Growth Rates
  var growth = "";
  var growth1 = "";
  $scope.averageGrowthRates = "";
  $scope.averageGrowthRates += "";

  //ownership
  var ownership = "";
  $scope.averageGrowthRates += "";
});
<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.11/angular.min.js"></script>
<div ng-app="plunker">
  <div ng-controller="MainCtrl">
    <p ng-style="nameStyle">Hello {{name}}!</p>
    <ion-view view-title="Company">
      <ion-nav-buttons side="left">
      </ion-nav-buttons>
      <ion-content id="comp">
        <ion-scroll>
          <h3 ng-style="companyDescriptionStyle">Company Info</h3>
          <div style="margin: 10px;" ng-bind-html="companyInfo"></div>
          <h3 ng-style="companyDescriptionStyle">Description</h3>
          <div style="margin: 10px;font-size:20px;" ng-bind-html="companyDescription"></div>
          <div style="margin: 10px;color:#AAAFFF;font-size:40px;" ng-bind-html="keyPeople"></div>
          <div style="margin: 10px;" ng-bind-html="averageGrowthRates"></div>
          <div style="margin: 10px;" ng-bind-html="ownership"></div>
        </ion-scroll>
      </ion-content>
    </ion-view>
  </div>
</div>

关键是 style="margin: 10px;font-size:20px;" 不起作用来放大字体。正如上面的评论所指出的。 - bkcollection
此外，我需要澄清的是，如果任何CSS属性在Angular类中没有定义，则必须在双引号内使用该属性。 - Manzurul
@bkcollection，我已经看到了你的实现。答案是你不能通过内联样式来实现这个功能，你需要按照 Angular 的方式绑定样式，然后它就会起作用。 - Manzurul
顺便问一下，你正在使用哪个版本的Angular？ - Manzurul
不，我认为那不是问题所在。问题出在其他地方。请查看此Plunker https://plnkr.co/edit/tgte2ygO9n3NJ4K8lkW3?p=preview，在其中我使用了您的代码，ng-style正常工作。由于Ajax请求由于跨域而失败，您可以在错误部分中查看代码，它可以正常工作。它无法正常工作是因为它没有进入成功函数。 - Manzurul
显示剩余12条评论
0
您可以使用ng-class指令来应用您的类。
在这里查看用法：ng-class 您可以在您的CSS文件中定义类。
    . companyDescriptionStyle {"color":"blue"};

不，你可以在ng-class中使用这个类。

    <div style="margin: 10px;font-size:20px;" ng-bind-html="companyDescription" ng-class="companyDescriptionStyle"></div>
相同的问题，font-size:20px无法生效以放大字体。 - bkcollection
0

你的问题可以考虑使用纯CSS解决方案

.cr_profile_people.module > .mod_headerBox > h3 {
    font-size: 10px!important;
}

.cr_profile_people.module .cr_dataTable.cr_board_table > tbody > tr > th {
    font-size: 40px!important;
}
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接