Javascript 如何将按钮添加到a<；部门级别>；

如何在“单击我”中使用下面的代码

我想将上面的

按钮{

转换为以下代码片段：

$（函数（）{
$（“.fancy button”）.mousedown（函数（）{
$（this）.bind（'animationend webkitAnimationEnd MSAnimationEnd oAnimationEnd'，function（）{
$（this.removeClass（'active'）；
})
$（此）.addClass（“活动”）；
});
})；

@导入url（'https://fonts.googleapis.com/css?family=Roboto');
正文，html{
身高：100%；
}
身体{
保证金：0；
显示：-网络工具包盒；
显示：-ms flexbox；
显示器：flex；
背景：#fff；
}
.按钮{
背景：#e74c3c；
边界半径：5px；
颜色：白色；
光标：指针；
字体系列：Roboto；
字号：1.9em；
高度：65px；
字母间距：.2px；
线高：65px；
文本对齐：居中；
文本转换：大写；
-webkit用户选择：无；
-moz用户选择：无；
-ms用户选择：无；
用户选择：无；
宽度：150px；
}
.按钮：悬停{
背景：#c0392b；
}
.按钮：激活{
盒影：插入0px 2px 8px-1px#d7143b；
}
.花式纽扣{
保证金：自动；
位置：相对位置；
}
.花边，.花边：之后，.花边：之前{
位置：绝对位置；
背景：#e74c3c；
边界半径：4px；
高度：8px；
}
.虚饰：之后，.虚饰：之前{
内容：“；
显示：块；
}
.花边：以前{
底部：45px；
}
.花边：之后{
顶部：45px；
}
.左饰边{
右：164px；
顶部：28.5px；
}
.活动的.左虚饰{
-webkit动画：向左移动0.38s，向外移动0.38s，向外移动0.38s；
动画：向左移动0.38s减缓，宽度为零0.38s减缓；
}
.左饰边：之前，.左饰边：之后{
左：15px；
}
.活动。左饰边：前{
-webkit动画：宽度为0.38s减缓，向上移动0.38s减缓；
动画：宽度为0.38s减缓，向上移动0.38s减缓；
}
.活动。左饰边：之后{
-webkit动画：宽度为0.38s减缓，向下移动0.38s减缓；
动画：宽度为0.38s减缓，向下移动0.38s减缓；
}
.正确的装饰{
左：164px；
顶部：28.5px；
}
.积极的.正确的装饰{
-webkit动画：向右移动0.38s减缓，宽度为零0.38s减缓；
动画：向右移动0.38s减缓，宽度为零0.38s减缓；
}
.右饰边：前，.右饰边：后{
右：15px；
}
.积极。正确的装饰：在{
-webkit动画：宽度为0.38s减缓，向上移动0.38s减缓；
动画：宽度为0.38s减缓，向上移动0.38s减缓；
}
.活动.右侧装饰：之后{
-webkit动画：宽度为0.38s减缓，向下移动0.38s减缓；
动画：宽度为0.38s减缓，向下移动0.38s减缓；
}
.左饰边：前，.右饰边：后{
-webkit变换：旋转（34度）；
变换：旋转（34度）；
}
.左饰边：后，.右饰边：前{
-webkit变换：旋转（-34度）；
变换：旋转（-34度）；
}
@-webkit关键帧向左移动{
0% {
-webkit转换：无；
转化：无；
}
65% {
-webkit转换：translateX（-80px）；
转换：translateX（-80px）；
}
100% {
-webkit转换：translateX（-80px）；
转换：translateX（-80px）；
}
}
@关键帧向左移动{
0% {
-webkit转换：无；
转化：无；
}
65% {
-webkit转换：translateX（-80px）；
转换：translateX（-80px）；
}
100% {
-webkit转换：translateX（-80px）；
转换：translateX（-80px）；
}
}
@-webkit关键帧向右移动{
0% {
-webkit转换：无；
转化：无；
}
65% {
-webkit转换：translateX（80px）；
转换：translateX（80px）；
}
100% {
-webkit转换：translateX（80px）；
转换：translateX（80px）；
}
}
@关键帧向右移动{
0% {
-webkit转换：无；
转化：无；
}
65% {
-webkit转换：translateX（80px）；
转换：translateX（80px）；
}
100% {
-webkit转换：translateX（80px）；
转换：translateX（80px）；
}
}
@-webkit将关键帧宽度设置为零{
0% {
宽度：38px；
}
100% {
宽度：8px；
}
}
@关键帧宽度为零{
0% {
宽度：38px；
}
100% {
宽度：8px；
}
}
@-webkit关键帧向上移动{
100% {
底部：69.75px；
}
}
@关键帧向上移动{
100% {
底部：69.75px；
}
}
@-webkit关键帧向下移动{
100% {
顶部：69.75px；
}
}
@关键帧向下移动{
100% {
顶部：69.75px；
}
}

塔达！

HTML是

单击我


CSS是
按钮{文本转换：大写；}


当前它们没有连接，因为您的标记是一个（一个带有类选择器的div元素，它是按钮），但您的样式应用于一个元素

所以你有两个选择

将
按钮{…}
更改为
。按钮{…}
或者将
单击我
更改为
单击我
对不起，你的问题对我来说有点难理解，但我想第一个选择应该是你的——只要我答对了

更改CSS |将
按钮
更改为
。按钮

。按钮{
文本转换：大写；
}
单击我
我投票将此问题作为主题外的问题结束，因为没有显示最小的、完整的标记，它使用来自第三方链接的标记，问题不太清楚，答案太多。当然，我提供了来自第三方的链接，如果这可以帮助我解释我的问题。你认为这是为什么“链接”功能被添加到问题编辑器中。内部使用？显然，专业化有一条捷径，因为看起来你从零到英雄，没有问你什么时候陷入困境。就像我一样。我已经做了很多小时的研究，但我的问题是我不知道
button {
    text-transform: uppercase;
}