Html .col元素的内联样式_Html_Css

Html .col元素的内联样式

html css

Html .col元素的内联样式,html,css,Html,Css,我只想为单个页面的.col元素设置样式。如果我在css文件中包括： .col { border: 1px solid #7851A9; } 然后页面将被样式化，但另一个页面上的元素也将被样式化，我不希望发生这种情况我尝试将它们内联样式化，但没有效果，我相信是我的语法错了。但是，将它们内联设置为样式也是错误的如何制作一个特定的css元素，使它只对特定的元素进行样式化，而不是对所有的.col进行样式化？我知道我的问题是非常基本的css，但我花了几个小时寻找和尝试不同

我只想为单个页面的.col元素设置样式。如果我在css文件中包括：

.col {
        border: 1px solid #7851A9;
      }

然后页面将被样式化，但另一个页面上的元素也将被样式化，我不希望发生这种情况

我尝试将它们内联样式化，但没有效果，我相信是我的语法错了。但是，将它们内联设置为样式也是错误的

如何制作一个特定的css元素，使它只对特定的元素进行样式化，而不是对所有的.col进行样式化？我知道我的问题是非常基本的css，但我花了几个小时寻找和尝试不同的方法，但直到现在都没有运气

<div ng-repeat="module in modules">
            <div class="row">
                <div class="col" style="border: 1px solid #7851A;" ><h5 style="color:#000000;text-align:center;">{{module}}</h5></div>
            </div>
            <div class="row">
                <div class="col col-50" style="border:1px;"><h5 style="color:#000000;text-align:center;">Module Mark</h5></div>
                <div class="col col-50" style="border:1px solid #7851A;"><h5 style="color:#000000;text-align:center;">{{GenerateRandomMarks[$index]}}</h5></div>
            </div>
            <br>
            <br>
        </div>


{{module}}
模块标记
{{GenerateRandomMarks[$index]}

您可以为该页面设置一个类似“col style”或任何您喜欢的主体类，然后以某种方式为该类中的任何内容设置样式，如：

.col-style .col { border: 1px solid #7851AA; }

如果您只想设置此页面的样式，请确保将其他内联样式也取出，并将它们放在全局工作表或上面的.col样式表中。

如何：

.mycol {
        border: 1px solid #7851A9;
      }

<div ng-repeat="module in modules">
            <div class="row">
                <div class="col mycol" ><h5 style="color:#000000;text-align:center;">{{module}}</h5></div>
            </div>
            <div class="row">
            <div class="col col-50" style="border:1px;"><h5 style="color:#000000;text-align:center;">Module Mark</h5></div>
                <div class="col col-50" style="border:1px solid #7851A;"><h5 style="color:#000000;text-align:center;">{{GenerateRandomMarks[$index]}}</h5>      </div>
            </div>
            <br>
           <br>
       </div>

.mycol{
边框：1px实心#7851A9；
}
{{module}}
模块标记
{{GenerateRandomMarks[$index]}

在特定页面上，在col旁边添加另一个类怎么样？像

<div class="col specificStyle"></div>

如果以相同的方式定义这些样式，它们将覆盖.col。

可以将类写入

内联样式中的十六进制值错误。应为#7851A9。您还可以始终为这个页面的body
标记添加一个唯一的类，并使用该唯一类在CSS中设置样式，避免使用内联样式uniqueClass.col{//whatever}True。复制/粘贴错误。。谢谢你注意到这一点！谢谢大家的帮助。jFatal正是我想要的。为此干杯！
.specificStyle {
    color: red;
}

<body class="page5">

.page5 .col {
   border: 1px solid #7851A9;
 }