小编Fer*_*uza的帖子

我只用CSS制作一个动画心脏.

我希望它脉冲2次,稍作休息,然后再重复一次.

我现在拥有的:

small ==> big ==> small ==> repeat animation

我想要的是:

small ==> big ==> small ==> big ==> small ==> pause ==> repeat animation

我该怎么做？

我的代码:

#button{
  width:450px;
  height:450px;
  position:relative;
  top:48px;
  margin:0 auto;
  text-align:center;
  }
#heart img{
  position:absolute;
  left:0;
  right:0;
  margin:0 auto;
  -webkit-transition: opacity 7s ease-in-out;
  -moz-transition: opacity 7s ease-in-out;
  -o-transition: opacity 7s ease-in-out;
  transition: opacity 7s ease-in-out;}

 @keyframes heartFadeInOut {
  0% {
    opacity:1;
  }
  14% {
    opacity:1;
  }
  28% {
    opacity:0;
  }
  42% {
    opacity:0;
  }
  70% …

我如何选择里面的所有元素.content而不是.bts呢？这是我的代码。我正在使用not()要排除的功能，.bts但无法正常工作。应该做什么？

$('.content').not('.bts').click(function() {
  alert("hit");
});

.content {
  height: 100%;
  width: 100%;
}

p {}

.bts {
  background: blue;
  height: 100px;
  width: 100px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="content">
  <p>test</p>
  <div class="bts">bts</div>
</div>

我正在使用phpmailer构建一个表单，它包含3个步骤：表单本身、信息确认页面和邮件发送消息页面。当用户位于信息确认页面时，他可以通过总线onclick="history.back();"返回并更正所写入的信息。一切工作正常，所有字段都保持按照用户的方式编写，除了多年来使用以下代码的选择按钮：

<select id="f_year" name="f_year" data-validation-engine="validate[required]"\xe3\x80\x80class="validate[required]"></select>\n\n<script>\nvar start = 1900;\n    var end = new Date().getFullYear();\n    var options = "<option disabled selected value>\xe5\xb9\xb4</option>";\n    for(var year = start ; year <=end; year++){\n        options += "<option>"+ year +\xe3\x80\x80"\xe5\xb9\xb4" + "</option>";\n    }\n    document.getElementById("f_year").innerHTML = options;\n</script>\n

当单击它来更正信息时，该选择元素中的数据根本不会保存。\n我应该做什么？