HTML多类在一个标签

-2

<table class="table table-striped"> 
     <thead> 
      <tr> 
       <th>#</th> 
       <th>Firstname</th> 
      </tr> 
     </thead> 
     <tbody> 
      <tr> 
       <td>1</td> 
       <td>Anna</td> 
      </tr> 
      <tr> 
       <td>2</td> 
       <td>Debbie</td> 
      </tr> 
      <tr> 
       <td>3</td> 
       <td>John</td> 
      </tr> 
     </tbody> 
</table>

它是从引导例如片段。注意到它在一个标签中有多个类，所以这两个类之间有什么关系？看来表条纹是表的子类？HTML多类在一个标签

以及如何将CSS改变这个元素的样式？请问表款风格覆盖表风格吗？

此外，我应该如何选择这个类的元素？

来源

2017-09-01 Ziqi Liu

我看你还是学的东西在这里，如果我要表明，它是更为更好的学习着想远离框架背离的第一，直到你学会了基本的东西是如何工作的，向前跳跃只会引起并发症。虽然反正：

你提到的类没有关系可言，实际上所有的CSS类没有关系的。他们站在了自己的例子：

.table { 
    border: 1px solid black; 
    width: 100%; 
    // other common properties you find in a table 
}

还有其他云：

.table-striped { 
    border: 1px dashed black; 
    // other properties you can find on a striped table 
}

如您在包含table类table-striped将只覆盖的table共同特性的表调用table-striped这是border并将其应用于元素。

它是如何覆盖的？这是我在CSS中调用的优先级，无论哪种风格最后一次总是应用，尽管稍后您会遇到CSS覆盖不适用于所有IF选择器不匹配。

而最后一件事：没关系你怎么选择班级为：

.table { 
    // stuff 
} 

.table-striped { 
    // stuff 
} 

// if selector contains both classes 
.table.table-striped { 
    // stuff 
} 

// if a table element contains .table class 
table.table { 
    // stuff 
} 

// and so on...

不会在所有问题。希望能帮助你理解。

来源

2017-09-01 23:33:23 masterpreenz

很好的回答！根据我的经验，'.table-striped'通常意味着偶数行和奇数行有不同的背景颜色。 –

它只是“.table-striped”可以提供的“其他”属性。因为我的例子只适用于顶层元素，所以后面会出现'.table striped tr td：nth-child（even）{// stuff}'，这是你在'.table'类中找不到的。 – masterpreenz

如果你觉得它有帮助并回答您的问题，不要忘记将其标记为答案。 – masterpreenz

浏览器将使用的值来自两类，并将其应用到该元素。

您可以根据每个人或两者

来源

2017-09-01 23:15:56 Dekel

如果在css中为cls-a和cls-b存在相同attr的冲突，该怎么办？哪一个会被压制？并且顺序是否重要？我的意思是class =“cls -a cls-b”和class =“cls -b cls -a” –

这与css中的特异性有关，你可以检查这个例子：https：//css-tricks.com/specifics -on-css-specificity/ – Dekel

多个类选择元素也并不意味着他们有任何关系彼此。据我所知，<table class="table table-striped">与<table class="table-striped table ">完全一样。

你会使用它的类选择该表具有下列任何组合：

.table
.table-stripped
.table.table-stripped或.table-stripped.table

如何的CSS将受到影响取决于样式。通过名字，我会假设.table将它作为所有引导表格。 .table-stripped会为奇数行和偶数行添加不同的背景颜色。 Example

来源

2017-09-01 23:19:16

使用属性选择器时，css类的排序只是重要的问题 – Nova

这些只是引导CSS样式，你可以根据需要在一个元件上有尽可能多类。您可以在添加表格后添加一个类，创建自己的.css文件并根据需要进行编辑。或者，您可以将ID添加到表格中并以此为样式。

来源

2017-09-01 23:32:34

HTML多类在一个标签

回答

相关问题