.tipCalssName:after { content: '提示文字'; border-radius: 4px 4px 4px 0; white-space: nowrap; background-color: white; box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.1); z-index: 1; position: absolute; left: 100%; top: 0; box-sizing: border-box; padding: 4px 10px; line-height: 1.6; font-size: 12px; opacity: 0; pointer-events: none; transition: .382s ease; transform: translateX(50%); } .tipCalssName:hover:after { opacity: 1; transform: translateX(0%); } .tipCalssName { cursor: pointer; position: relative; }