Question

此示例应将主体涂成红色，但这不是由于from bs4 import BeautifulSoup data = ''' <tr role="row" class="odd red" data-id="32"> <td role="gridcell" class="Warning">33</td> <td role="gridcell">Ralph</td> <td role="gridcell">List 2</td> <td role="gridcell">FE</td> <td role="gridcell">07/12/1996</td> </tr> <tr role="row" class="even red" data-id="33"> <td role="gridcell">34</td> <td role="gridcell">Mary</td> <td role="gridcell">List 2</td> <td role="gridcell">SOTLTM</td> <td role="gridcell">08/12/1996</td> </tr> <tr role="row" class="odd red" data-id="34"> <td role="gridcell">35</td> <td role="gridcell">Tom</td> <td role="gridcell">List 2</td> <td role="gridcell">SOTLTM</td> <td role="gridcell">09/12/1996</td> </tr> ''' soup = BeautifulSoup(data, 'html.parser') print(soup.find_all('td', class_=lambda c: 'Warning' not in c))属性引起的。

scoped

这种情况下有什么解决方法吗？

Answer 1

您不需要作用域样式，因为您的样式不会作用于组件。如果需要将范围和组件样式都设置为全局样式，则应声明两个样式标签。 official docs中的示例。但是，您应该避免使用全局样式。

Answer 2

您正在将作用域类应用于组件外部的元素（body）！

以组件的作用域样式声明的所有类只能用于该组件内部的元素，因为类名称会自动更改为以下形式：.highlight[2d35fds3sd]！

组件中的所有元素都具有唯一的ID：

<template>
  <div 2d35fds3sd>
     <span 2d35fds3sd>     </span>
  </div>
</template>

但是body元素没有此唯一ID！

因此，如果您想将一个类应用于主体，则必须将该类放入全局的CSS文件中。

如何在样式范围内添加类？

2 个答案: