Question

您好我有CSS的问题：我正在使用这样的表单组：

<form class="form-horizontal">
    <div class="form-group"> <!-- or "form-group-test"-->
        <label class="col-xs-4 plate-control-label">...

plate-control-label由我自己在CSS文件中定义，如下所示：

.form-horizontal .plate-control-label {...}

它正常工作;但是当我尝试对div做类似的事情时：

.form-horizontal .form-group-test {...}

然后它不被识别。我必须这样定义：

.form-horizontal .form-group {...}

通过这种方式它可以工作，但由于表单组是一个预定义的元素，我不想改变它。这是为什么？

编辑：抱歉刚刚错过了＃34;。我没有直接复制代码。

EDIT2 ：好的，我尝试过小提琴并且有效，但在我自己的代码中，它还不行。元素包含在这些div中：

<div class="panel-body panel-container" style="overflow: auto">
    <div class="col-xs-12">
        <div style="float: left; width: 35%">

这会导致问题吗？感谢大家以前的提醒和建议。

Answer 1

你不在这里关闭课程：

<label class="col-xs-4 plate-control-label>

应该是这样的

<label class="col-xs-4 plate-control-label">

根据您更新的问题

更新

忘记上面提到的拼写错误。

关于这个：

它正常工作;但是当我尝试对div做类似的事情时：

.form-horizontal .form-group-test {...}

因为您的HTML中没有名为.form-group-test的

的课程而

，因此无法工作

因此，为了使该行正常工作，您需要将HTML更改为：

<form class="form-horizontal">
    <div class="form-group-test"> 
        <label class="col-xs-4 plate-control-label">

如果您想使用form-group作为预定义元素，请使用如下：

<强> CSS：

.form-horizontal .form-group - 定位.form-group

.form-horizontal .form-group-test .plate-control-label - 定位plate-control-label

<强> HTML：

 <form class="form-horizontal">
        <div class="form-group"> 
            <label class="col-xs-4 plate-control-label">