Question

此代码有什么问题？我想给表单标签一个类属性并对其进行设计，但是它不起作用。当我删除class属性时，它起作用

// RxJS v6+
import { throwError, of } from 'rxjs';
import { catchError } from 'rxjs/operators';
//emit error
const source = throwError('This is an error!');
//gracefully handle error, returning observable with error message
const example = source.pipe(catchError(val => of(`I caught: ${val}`)));
//output: 'I caught: This is an error'
const subscribe = example.subscribe(val => console.log(val));

* {
    margin: 0;
    padding: 0;
}
form .register {
    width: 500px;
    margin: 400px auto 0;
    background-color: aquamarine;
}

Answer 1

在CSS选择器中删除form和.register之间的空格。

当前，它正在选择form元素中所有具有类register的子元素。删除空格将选择本身具有类form的{{1}}个元素。

register

Answer 2

您在form和.register之间留有多余的空格。应该是form.register。

在CSS中，两个选择器之间的空格表示“后代”规则，因此form .register选择任何class="register"个元素的后代为<form>的元素，但不选择<form class="register">。

Answer 3

您错误地使用了选择器， form 和 .register 类之间不应有空格。

例如 form .register ->选择form标记内的所有元素（form标记寄存器类之间有空格）

form.register ->它将选择带有类注册的表单标签（如您所愿）

Answer 4

使用form.register而不是form .register。问题是多余的空间。如果没有其他用于类注册的东西，也可以使用.register。

当我在表格标签中放置class属性时，我的'style.css'文件不起作用

4 个答案: