您也可以使用其中生成的内容吗

rmruhul

然后人们会使元素重新添加标记我们不必再这样做了。通过标记伪元素，我们可以直接对其进行样式设置。这种样式有点有限，特别是现在，它将扩展一些，但是，是的，这是一个非常好的功能。您可以非常快速地更改大小、字体、颜色等。

德鲁：

米里亚姆：是的。我不记得生成的内容有多么广泛的支持，但您应该能够做到。

德鲁：我想这对于列表爱好者来说是个好消息。有一些新的 电报号码数据 选择器。这是我最近在一个现实项目中遇到的东西，我开始使用其中一个，然后我意识到它实际上没有我想象的那么支持，因为它是新的。当“焦点”应用于元素时，选择器会提供帮助。我想我用的是“聚焦于内心”，还有另一种，不是吗？有-

米里亚姆：“焦点可见。”

德鲁：他们在做什么？

米里亚姆：浏览器在处理“焦点”时，会根据您是使用鼠标单击还是使用键盘进行导航来为您做出一些决定。默认情况下，有时它们会显示“焦点”，有时则不会。“焦点可见”是我们与该逻辑联系起来的一种方式，“当浏览器认为焦点应该可见时，不仅仅是当一个项目具有焦点时，而是当一个项目具有焦点并且浏览器认为焦点需要可见时，然后应用这些样式。” 这对于让轮廓环处于焦点上很有用，但在不需要它们时、当您使用鼠标并且您实际上不需要知道时不让它们出现。你点击了某个东西，你知道你已经聚焦它了，你不需要那里的样式。“焦点可见”对此非常有用。“焦点内部”允许您说，“当其中一个元素获得焦点时，对整个表单进行样式设计”，这非常酷且非常强大。

德鲁：我想我是在下拉菜单导航上使用它的 -

米里亚姆：哦没问题。

德鲁：......一个焦点雷区，不是吗？

米里亚姆：嗯嗯（肯定）。

德鲁：“聚焦于内部”被证明非常有用，直到我没有它并最终编写了一整套 JavaScript 来重新创建我之前使用 CSS 非常简单地实现的目标。

米里亚姆：是的，新

选择器总是面临的危险是如何处理后备。



德鲁：我真正兴奋的一件事是 CSS 中长宽比的新概念。我们能够告别 56% 的顶部填充黑客吗？

米里亚姆：哦，绝对是。我很高兴再也不会使用那个黑客了。我认为这正在登陆浏览器。我认为它已经在某些地方可用，并且应该很快就会在其他地方推出。周围似乎有很多令人兴奋的事情。

德鲁：当然，这是视频或类似问题的经典问题，不是吗？您想要以 16 x 9 的比例显示它，但想要设置其尺寸。但也许这是一个 4 x 3 的视频，你必须弄清楚如何做到这一点并使其向右缩放 -

米里亚姆：是的，您希望它具有响应能力，您希望它填充整个宽度，但然后保持其比例。是的，这方面的技巧并不好。我经常使用一种方法，即创建一个网格，使用填充顶部黑客定位生成的内容，然后绝对定位视频本身。要让它按照你想要的方式工作需要付出很多努力。