小编Emi*_*ily的帖子

Google Docs 插件是否可以计算每个标题（部分）的字数？下图显示了我想要的。

有没有办法在侧边栏或任何其他方式中显示这种字数统计信息？

我有这个：

<input type="button" value="B" onclick="document.execCommand('bold', false, '');" />
<div contenteditable="true">Lorem Ipsum...</div>

该document.execCommand工作正常。但是如果想要添加自定义标签，比如<customtag></customtag>围绕所选文本怎么办？

该按钮需要将标签添加到所选文本中，或者如果已经有标签则将其删除。

是否有针对此的纯 HTML 解决方案。如果没有，任何纯 Javascript 解决方案？

我在不支持的环境（kindlegen）中工作max-width。div除非视口缩小，否则我应该具有指定的宽度，在这种情况下，视口应该随之缩小。max-width是我需要的，但不支持。

是否有仅HTML / CSS的解决方法？有什么聪明的主意可以达到同样的效果吗？

（也不支持Javascript。）

.outside {
  width: 14em; /* will change with window (100vw) */
  background: orange;
}

.inside {
  width: 24em; /* max-width will do it */
  background: red;
}

<div class="outside">
  <p>Main container</p>
  <div class="inside">Inside text that should never be wider than its parent.</div>
</div>

我想针对某个特定段落的所有 后代段落，class同时忽略第一个中另一个段落的所有 后代段落class（无论哪个类在哪个类中，这都应该有效）。为此，我必须使用 4 个选择器，如下所示：

* {
  margin: 0.2em 0;
  width: fit-content;
}

div {
  margin-left: 1em
}

/* == 4 selectors to achieve desired effect = */

.orange p {
  background: orange;
}

.cyan .orange p {
  background: orange;
}

.cyan p {
  background: cyan;
}

.orange .cyan p {
  background: cyan;
}

<div class="orange">
        <p>Orange</p>
        <div>
          <p>Orange</p>
          <div>
            <p>Orange</p>
            <div class="cyan">
              <p>Cyan</p>
              <div>
                <p>Cyan</p>
              </div> …

是否有一个 CSS 选择器（如伪类）可以在details元素打开时定位该元素？

一种可能的用途是summary在用户打开元素时更改元素的颜色details。

是否有一个 CSS 选择器可以针对特定属性值而不管其属性如何？我正在寻找类似[*="value"]（使用通配符）或{value}（直接值选择器）的东西。

在我的文档（一本小说）的特定部分中，我有一个大部分居中但不是其内容的文本块。为此，我使用了：

<div class="center">
    <div class="inline-block">
        <p class="left">Some text</p>
        <p class="left">More text</p>
        <p class="left">Even more text</p>
    </div>
</div>

<style>
.center {
    text-align: center;
}

.inline-block {
    display: inline-block;
    width: /* sometimes I specify it, others I let the biggest paragraph do it by itself  */;
}

.left {
    text-align: left;
}
</style>

总的来说，我对这个解决方案很满意。但是，如您所见，我需要使用“.left”类来避免段落继承其父 div 的居中值。问题是我不想设置文档的对齐方式（对齐/左对齐）；我希望用户（或默认浏览器/应用程序/epub 阅读器/等）改为设置它。问题是，如果我不添加此类“.left”，段落将继承居中值。

有没有办法让这个段落有一个“默认”值（justified 或 left）？¿我可以使用其他元素/样式实现相同的整体设计吗？我可以通过任何方式禁用此段落的继承吗？

我尝试了包括“transform: translateX(-50%)”、“display: table”、将段落设置为“value: initial;”、混合伪类/属性选择器......基本上，我能看到的一切我可以骗过我的路。到目前为止没有任何效果。有任何想法吗？

任何可以输出html 文件中使用的所有唯一html 标签的列表的在线工具或简单的 vanilla Javascript ？

这样做的目的是我想重置一些默认样式，我只想确保我针对的是我需要的所有元素，而不是错误地留下任何人。