小编Vis*_*chi的帖子

这个问题几乎是不言自明的。我有 razor 组件“board.razor”，它还有一个“board.razor.css”，其中包含该页面的所有样式。如果我这样做，那么样式将不会被应用。如果我在“board.razor”的顶部插入样式类，一切都会正常工作。我将为您提供代码和图片。

Board.razor 顶部带有样式标签：

<style>\n.dropzone {\n    padding: 10px;\n    background: #e2eaf2;\n    list-style: none;\n    height: 100%;\n    min-width: 50%;\n}\n\n.no-drop {\n    border: 2px dashed red;\n    background-color: #e6d8d8;\n}\n\n.can-drop {\n    border: 2px dashed green;\n    background-color: #d8e6d8;\n}\n\n.draggable {\n    box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.2);\n    margin-bottom: -8px;\n    padding: 10px;\n    cursor: move;\n    background: #fff;\n    color: #000;\n    border-radius: 3px;\n    max-width: 500px;\n}\n\n    .draggable:active {\n        cursor: move;\n        background: #f1f8ff;\n    }\n\n    .draggable:hover {\n        cursor: move;\n        background: #f1f8ff;\n    }\n\nh6 {\n    position: -webkit-sticky;\n    position: sticky;\n    top: 0;\n}\n\n.dragging {\n    cursor: …