我对CSS和class属性有点困惑.我一直认为,我在属性值中指定多个类的顺序具有意义.后面的类可以/应该覆盖前一个的定义,但这似乎不起作用.这是一个例子:
<html>
<head>
<style type="text/css">
.extra {
color: #00529B;
border:1px solid #00529B; /* Blue */
background-color: #BDE5F8;
}
.basic {
border: 1px solid #ABABAB;
}
</style>
</head>
<body>
<input type="text" value="basic" class="basic"/>
<input type="text" value="extra" class="extra"/>
<input type="text" value="basic extra" class="basic extra"/>
<input type="text" value="extra basic" class="extra basic"/>
</body>
</html>
我希望,第三个示例class="basic extra"应该有一个蓝色边框,因为额外的指定边框将覆盖基本边框.
我在ubuntu 9.04上使用FF 3
我在 Laravel Blade 中有一个组件，想要class在不传递任何数据的情况下设置或内联样式。
我的简单代码是：
<x-atom.form class="mt-5" :data="$fields->main_form"></x-atom.form>
mt-5未设置为x.atom.form组件
我的组件代码是：
<section class="contact-form"></section>