如何使用 Adobe Muse 将其他 CSS 样式应用到特定元素？

Question

我对 Muse 很陌生，但对一般的 Web 开发不是很熟悉。我继承了 Muse 开发的解决方案，该解决方案要求在上传到 ftp 站点之前手动更新它导出的文件。

特别是某些元素获得了额外的 css 样式以产生动画效果。

我的问题是这是否可以在 Muse 本身内完成，这样我就不必在每次进行更改时都重复这些步骤？

我可以看到如何通过“属性”页面将所需的 css 文件添加到主页页眉，但似乎没有任何 "advanced user" 选项可以让我输入额外的内容样式到适当的元素。我在这里和其他地方搜索过任何文档或提示，但没有成功。

非常感谢任何帮助。谢谢！

Answer 1

使用图形样式面板定义图形样式。它的名称将是您的 class。

这种方法有一定的局限性：

每个对象只有一个 class
如果应用图形样式，对象的图形外观将被覆盖。所以建议先应用图形样式，然后再更改外观
class 不能直接应用于小部件本身，而是应用于它的内容。

P.S。之后，如果需要，您可以使用 jQuery 和 jQuery injector 小部件来添加其他样式。

示例字符样式：自定义class JQuery 将 classes "class1" 和 "class2" 添加到元素的代码 class:

$(".customclass").addClass("class1 class2")

$(".customclass").addClass("class1 class2")

.customclass{
background-color: red;
width: 100%
}

.class1{
color: white;
}

.class2{
padding: 10px;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div>
  <p class = "customclass">This will be custumclass, class1 and class2</p>
  <p class = "somemuseclass customclass"> This also custumclass, class1 and class2</p>
  <p class = "u-l34 ">This is not affected</p>
</div>

如何使用 Adob​​e Muse 将其他 CSS 样式应用到特定元素？

How can I apply additional CSS styles to specific elements using Adobe Muse?

css

muse

如何使用 Adobe Muse 将其他 CSS 样式应用到特定元素？