我有这个html:
<div class="lasvegas">
Events <a href="https://adsler.co.uk/find-an-event/"><div
class="findanevent"><font size="3">Find an Event</font>.
</div></a> <a href="https://adsler.co.uk/post-an-event/">.
<div class="postanevent"><font size="3">Post an
Event</font></div></a>
第一段文本events
显示我想要的文本,第二段Find An Event
和Post An Event
用黑色显示文本。我希望所有文本都显示为Events
。页面参考-。 events
一词是粉红色的霓虹灯。
我有这个CSS控制它。
@import, url(//fonts.googleapis.com/cssfamily=
Pacifico);
body {
min-height:100vh;
padding-top:5rem;
background:
#112
url(//images.weserv.nl/url=i.imgur.com/6QJjYMe.jpg)
center no-repeat;
background-size: cover;
margin: 0;
overflow:hidden;
}
.lasvegas {
font-family: 'Pacifico', cursive;
font-size:80px;
border: none;
color: rgba(255,255,255,0.6);
text-align:
center;
text-shadow: 1px 5px 4px rgba(0,0,0,.3), 0 0 2px
rgba(255,255,255,1), 0 0 10px
rgba(255,255,255,1), 0 0 20px rgba(255,255,255,1), 0 0
30px rgba(255,255,255,1), 0 0 40px #ff00de,0 0 70px
#ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de;
}
.lasvegas
span {
animation: blink .3s infinite alternate;
}
.lasvegas
span.delay {
animation-duration:6s;
animation-delay: 2s
animation-direction: alternate
cubic-bezier(0.5, 0.2, 0.3,
1.0)
}
@keyframes blink {
0% {
}
50% {
}
60% {
text-shadow:0 0
2px rgba(255, 255, 255, .1), 0 0 10px rgba(255, 255, 255, .
4); text-stroke: 2px rgba(255,255,255,0.05);
}
70% {
text-
shadow: 0 0 2px rgba(255,255,255,1), 0 0 10px.
rgba(255,255,255,1), 0 0 20px rgba(255,255,255,1), 0 0
30px rgba(255,255,255,1), 0 0 40px #ff00de, 0 0 70px
#ff00de, 0 0 80px #ff00de, 0 0 100px #ff00de;
}
80% {
text-shadow:0 0 2px rgba(255, 255, 255, .1), 0 0 10px
rgba(255, 255, 255, .4);
text-stroke: 2px
rgba(255,255,255,0.05);
}
100% {
text-shadow: 0 0 2px
rgba(255,255,255,1), 0 0 10px rgba(255,255,255,1), 0 0
20px rgba(255,255,255,1), 0 0 30px rgba(255,255,255,1),0
0 40px #ff00de,0 0 70px #ff00de, 0 0 80px #ff00de, 0 0
100px #ff00de;
}
}
据我了解,如果它在同一个div中,则应由相同的CSS来管理?
如果我关闭div,就像这样:
<div class="lasvegas">
Events </div>
和:
<a href="https://adsler.co.uk/find-an-event/"><div
class="findanevent"><font size="3">Find an Event</font>.
</div></a> <a href="https://adsler.co.uk/post-an-event/">.
<div class="postanevent"><font size="3">Post an
Event</font></div></a>
文本的后两位完全从页面上消失。
答案 0 :(得分:0)
我发现在您的CSS中: (so-css-shapely.css)
public String getEMDKVersion(EMDKManager emdkManager)
{
VersionManager versionManager = (VersionManager) emdkManager.getInstance(FEATURE_TYPE.VERSION);
String emdkVersion = versionManager.getVersion(VersionManager.VERSION_TYPE.EMDK);
return emdkVersion;
}
这就是为什么它是黑色的。