嵌套类在Html中，Css样式最内层的类

Question

如果HTML中有3-4个嵌套类，那么在CSS中设置样式时提及最内层类的最佳方法是什么。

<div class="head">
<form class="newmem">
<input type="text" name"Firstname" value="First Name">
<a class="SignUp" href="some link"> Sign up</a>
</form>

现在，当我想为注册按钮设置样式时，我应该在css中写什么，我是否必须提及＆＃34; .head signUp＆＃34;或者我必须写＆＃34; .head newmem注册＆＃34;

Answer 1

您无需提及父类。您可以直接访问子类。

如果您有两个表单，例如class="newmem"和另一个class="oldmem"，并且都有<a class="SignUp" href="some link"> Sign up</a>，并且您希望在没有id的情况下对另一个表单进行更改你可以这样做：.oldmem .SignUp { }，只有你提到的父母下的那个受到影响。

Answer 2

说.classname （classname是您的类命名的任何名称。） 如果它是嵌套的并不重要，它仍然像任何其他元素一样被引用。