Question

如果我的身体中有ul.list-group:nth-child(4) > li:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(1) > div:nth-child(3) > div:nth-child(1) > div:nth-child(1) > div:nth-child(2) > span:nth-child(1)具有特定样式，我想从此样式（正文样式）中排除此form。

form

问题是：正文有一个<body> <form id="form1" runat="server"> <div class="demo-containers"> <div class="demo-container" id="decorationZone"> <h4>Student Schedule</h4> <fieldset> <legend>Registeration Number</legend> <label for="<%= UsernameBox.ClientID %>" runat="server">RegNum: </label> <asp:TextBox runat="server" ID="UsernameBox" Width="150px" TabIndex="7"></asp:TextBox> </fieldset> </div> </div> </form> ...... </body>，我希望这个样式不会在我的表单上应用，

Answer 1

你可以覆盖你不想要的风格。让我们说你的身体有一个红色背景，所以在你的形式只是将背景颜色覆盖为白色。我在下面创建了一个小型演示。

Demo

body{
  background-color:red;
}
form{
  background-color:white;
}

CSS3继承模块中有一个名为all的属性。它的工作原理如下：

form {
  all: default;
}

Answer 2

您可以使用CSS否定，并忽略您不想从body继承的内容：

body :not(form) { 
  background-color: red;
}

Answer 3

不幸的是，如果您在页面上应用正文样式，它将影响页面的所有元素。我认为你只能以你的形式重新定义你身体的属性。在css中你应该恢复你想从你的风格中排除的表格

#form1

你必须覆盖你不想要的css属性。

如何从应用于body的css中排除特定的表单

3 个答案: