我在 VS Code 中使用 prettier 来格式化我的代码，但我真的不喜欢它的方式。
我的主要问题是它将属性拆分为多行。
<input
type="checkbox"
name="asiaNews"
id="asiaNews"
value="asiaNews"
/>
我更喜欢它看起来像这样
<input type="checkbox" name="asiaNews" id="asiaNews" value="asiaNews" />
我在文档或 SO 上找不到任何内容
有没有办法做到这一点或我可以使用不同的工具，以便我可以拥有适合我的感受的自定义格式规则？
主要由代码解释的快速问题。
这在 CSS 中是可能的还是我必须在 html 中实现所有类？
.class1{
color:red;
}
.class2{
text-decoration:underline;
}
.class3{
class1;
class2;
border:1px solid green;
}
基于w3c，嵌套列表的HTML正确方法是。
<ul>
<li>Coffee</li>
<li>Tea
<ul>
<li>Black tea</li>
<li>Green tea</li>
</ul>
</li>
<li>Milk</li>
</ul>
但是，我希望在列表中每个项目的底部都有一个边框，以下代码将它们加为下划线，但Tea除外。
li {
border-bottom: 1px solid purple;
}
有什么建议么？
如何使用 bootstrap-select 在具有多个选项的选择输入上添加占位符？选择第一个选项的通常方法不起作用，因为会添加其他选定的选项。
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css" integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS" crossorigin="anonymous">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/css/bootstrap-select.min.css">
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js" integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js" integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.13.2/js/bootstrap-select.min.js"></script>
<select class="selectpicker" multiple>
<option value="" disabled selected hidden>Type</option>
<option value="">Type 1</option>
<option value="">Type 2</option>
<option value="">Type 3</option>
<option value="">Type 4</option>
</select>有一个类似的问题，但该解决方案不适用于多选框。