在一个元素中多次传递CSS类名的目的
我们在元素中传递CSS类名以将该类应用于该元素,但在一个元素中多次传递CSS类名的目的是什么?这样做没有任何目的。这样做的效果与在元素上只放置一次类相同。这样做没有任何意义。这样做的效果与在元素上只放置一次类相同。通过在一个元素上组合两个或多个类,它允许您编写更少的CSS。下面是一个简化的: 这样,我们仍然可以独立地使用每个类,或者将它们与任何其他类名组合在一起,以继承每个类的样式声明在一个元素中多次传递CSS类名的目的,css,Css,我们在元素中传递CSS类名以将该类应用于该元素,但在一个元素中多次传递CSS类名的目的是什么?这样做没有任何目的。这样做的效果与在元素上只放置一次类相同。这样做没有任何意义。这样做的效果与在元素上只放置一次类相同。通过在一个元素上组合两个或多个类,它允许您编写更少的CSS。下面是一个简化的: 这样,我们仍然可以独立地使用每个类,或者将它们与任何其他类名组合在一起,以继承每个类的样式声明 如果您的意思是在一个元素上重复使用相同的类名,那么没有任何意义。通过在一个元素上组合两个或多个类,您可以编写更
如果您的意思是在一个元素上重复使用相同的类名,那么没有任何意义。通过在一个元素上组合两个或多个类,您可以编写更少的CSS。下面是一个简化的: 这样,我们仍然可以独立地使用每个类,或者将它们与任何其他类名组合在一起,以继承每个类的样式声明
如果您的意思是在一个元素上重复使用相同的类名,那么就没有意义了。我假设您指的是两个不同的类?正如chkal提到的,两次上同一门课和一次没什么不同 多个类还可以更轻松地向元素添加特殊效果,而无需为该元素创建全新的样式。例如,您可能希望能够快速向左或向右浮动图元。您可以编写两个类“left”和“right”,其中只包含“float:left;”和“float:right;”。然后,每当有一个元素需要向左浮动时,只需将类“left”添加到它的类列表中
来源:我想你指的是两个不同的班级?正如chkal提到的,两次上同一门课和一次没什么不同 多个类还可以更轻松地向元素添加特殊效果,而无需为该元素创建全新的样式。例如,您可能希望能够快速向左或向右浮动图元。您可以编写两个类“left”和“right”,其中只包含“float:left;”和“float:right;”。然后,每当有一个元素需要向左浮动时,只需将类“left”添加到它的类列表中
来源:昨天我看到了这个:
.menu左{float:right;}
。。。我知道我在我的示例中使用了“small”,但我想在OP中提到,最好使用类名来描述内容的某些方面,而不是您希望它看起来像什么,否则当您决定更改样式时,您可能会得到类似。红色文本{color:blue;}
,但是不必费心在一百个HTML模板中修改类名。昨天我看到了这一个:.menu_left{float:right;}
。。。我知道我在我的示例中使用了“small”,但我想在OP中提到,最好使用类名来描述内容的某些方面,而不是您希望它看起来像什么,否则当您决定更改样式时,您可能会得到类似。红色文本{color:blue;}
,但是不必费心在一百个HTML模板中修复类名。由于代码示例和工作示例而被接受。由于代码示例和工作示例而被接受。
<p class="error message small">Error!</p>
<p class="success message">Success!</p>
.message {
margin:0 0 1em;
position:relative;
padding:1em;
border-radius:4px;
}
.small {
font-size:80%;
padding:.5em;
}
.error {
background-color:#FBE3E4;
color:#8a1f11;
}
.success {
background-color:#dfffe5;
color:#264409;
}