标签的HTML样式

Question

我已经使用了两个标签并在它们之间使用了<br/>。但我希望他们分享相同的颜色，以使br不可见。例如， 如果标签是黄色的，那么整个块应该是黄色的，并且将它们分开的线不应该是可见的

Answer 1

尝试使用整个div的class。

注意：<br>默认情况下是不可见的。

.yellow{ 
 
    color: yellow; 
 
}

<div class='yellow'> 
 
    <label>Label one</label> 
 
    <br/> 
 
    <label>Label Two</label> 
 
</div>

Answer 2

如果我正确理解您的意思：您可以将标签和br包装在一个div中，然后设置颜色黄色的div而不是标签本身。

Answer 3

这样吗？

label{display:block;} 
 
.red label{background-color:red;} 
 
.blue label{background-color:blue;} 
 
.yellow label{background-color:yellow;} 
 
.yellow br{display:none;}

<div class="red"> 
 
    <label>name</label><br> 
 
    <label>age</label> 
 
</div> 
 

 
<div class="blue"> 
 
    <label>name</label><br> 
 
    <label>age</label> 
 
</div> 
 

 
<div class="yellow"> 
 
    <label>name</label><br> 
 
    <label>age</label> 
 
</div>