Question

我想将保证金最高限额：15px应用于此div的第一个元素

我从数据库中提取ckeditor数据这就是为什么第一个元素是不可预测的

这是我的div结构，

@RequestMapping(value = "/patientdetails", method = RequestMethod.POST, headers="Accept=application/x-www-form-urlencoded")
public @ResponseBody List<PatientProfileDto> getPatientDetails(
        @RequestBody PatientProfileDto name) {


    List<PatientProfileDto> list = new ArrayList<PatientProfileDto>();
    list = service.getPatient(name);
    return list;
}

Answer 1

您可以使用:first-child。

.ckeditordata > :first-child {
  margin-top: 15px;
}

快速演示：https://jsfiddle.net/crswll/1re2p8sp/2/

Answer 2

您可以将>子选择器与:nth-child(1)一起使用，仅对第一个孩子应用css，如下所示：

＆＃13;

.ckeditordata > *:nth-child(1) {
  color: red;
  margin-top: 15px;
}

＆＃13;

<div class="ckeditordata">
  <p>TEXT</p>
  <p>TEXT</p>
  <p>TEXT</p>
</div>

＆＃13;

Answer 3

尝试;

.ckeditordata :first-child {
    margin top:15px
}

Answer 4

.selector> *:nth-child(1) {
  color: green;
  margin-top: 20px;
  font-weight: 600;
}

<div class="selector">
  <p>TEXT</p>
  <p>TEXT</p>
  <p>TEXT</p>
</div>

Answer 5

你也可以通过jQuery使用。检查此代码是否有效：

$('.ckeditordata').children(':nth-child(1)').css('margin-top','15px');

将css仅应用于div的第一个未知元素

5 个答案: