Question

我有一个块，我想要扩展块的继承嵌套元素。

var HTML = "<div class=\"centerContent\"><P>Please fill in the form below to send an email to H.O.V.A.R.<br/>All fields are required.</p><?php if(!empty($errors)): ?><div class=\"errorPanel\"><ul><li><?php echo implode('</li><li>',$errors); ?></li></ul></div><?php endif ?><form action=\"contact.php\" method=\"post\" accept-charset=\"utf-8\"><label>Your Name:<input type=\"text\" name=\"name\" style=\"display:block\" autocomplete=\"off\"<?php echo isset($fields['name']) ? 'value=\"' . e($fields['name']) . '\"' : '' ?>></label><label>Your email address:<input type=\"text\" name=\"email\" style=\"display:block\" autocomplete=\"off\"<?php echo isset($fields['email']) ? 'value=\"' . e($fields['email']) . '\"' : '' ?>></label><label>Your Message:<textarea name=\"message\" rows=\"10\" style=\"display:block\"><?php echo isset($fields['message']) ? e($fields['message']) : '' ?></textarea></label><input type=\"submit\" value=\"Send\" style=\"display:block\"></form></div>";

console.log(HTML);

与此同时，我这样做 @extends .block__support ，这没关系。也许我错了，但我看到了这个解决方案，但我不记得怎么申请？

Answer 1

您可以使用.block函数将父选择器（selector()）的值保存到变量中，然后在@extend内使用它：

.block 
  margin 40px 0
  text-align center
  $parent = selector() // `.block`

  &__support
    border 1px solid #ccc
    background white
    max-width 178px
    height 178px
    border-radius 100%
    margin-right 70px
  &__mobile
    @extends {$parent}__support

您也可以使用占位符选择器。

如何在手写笔中扩展嵌套继承

1 个答案: