在许多选择器中使用一些 CSS 属性，无需编辑 HTML 或使用 JS

发布于 2024-08-31 23:48:10 字数 443 浏览 5 评论 0原文

CSS：

.bananaTrans {
  -moz-transition : all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition : all 1s ease-in-out;
}
.bananaClass {
  color: yellow;
}

HTML：

<div class="bananaClass">Banana Banana Banana</div>

目标是使每个具有“bananaClass”类的元素继承“bananaTrans”的属性，而无需编辑 HTML 或使用 JavaScript。

它（“bananaTrans”）并不需要完全是一个类，它只是在其他选择器中使用的一堆属性。

原文

CSS:

.bananaTrans {
  -moz-transition : all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition : all 1s ease-in-out;
}
.bananaClass {
  color: yellow;
}

HTML:

<div class="bananaClass">Banana Banana Banana</div>

The objective is to make every element that has class "bananaClass" inherit the properties of "bananaTrans" without editing the HTML or using JavaScript.

It ("bananaTrans") don't need exactly to be a class, it's just a bunch of properties to be used amongst other selectors.

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

从此见与不见 2024-09-07 23:48:10

你可以修改CSS吗？只需添加一个额外的 .bananaClass 选择器

.bananaTrans, .bananaClass {
  -moz-transition : all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition : all 1s ease-in-out;
}
.bananaClass {
  color: yellow;
}

You can modify the CSS? Just add an extra .bananaClass selector

.bananaTrans, .bananaClass {
  -moz-transition : all 1s ease-in-out;
  -webkit-transition: all 1s ease-in-out;
  transition : all 1s ease-in-out;
}
.bananaClass {
  color: yellow;
}

回复收藏 0 原文

~没有更多了~