我无法将某些文字(我想要链接的文字在h6中)与我创建的另一个页面相关联。我遵循标准格式但不知何故它不起作用。请帮帮我!
HTML代码:
<ul class="ei-slider-large">
<li>
<img src="images/large/1.jpg" alt="slider1"/>
<div class="ei-title">
<h2>Welcome</h2> <br>
<h3>Child at Street 11</h3>
</div>
</li>
<li>
<img src="images/large/2.jpg" alt="slider2" />
<div class="ei-title2">
<h4>Enrol</h4><br>
<h5>Every child deserves to have an early education</h5><br>
<h6><a href="enrol.html">Enrol Now</a></h6>
<br>
</div>
</li>
<li>
<img src="images/large/3.jpg" alt="slider3" />
<div class="ei-title2">
<h4>Donate</h4><br>
<h5>Give back to our society by helping the underpriviledged</h5><br>
<h6><a href="donate.html">Donate Now</a></h6>
</div>
</li>
<li>
<img src="images/large/4.jpg" alt="slider4"/>
<div class="ei-title2">
<h4>Volunteer</h4><br>
<h5>Lend us your hand with our many volunteer opportunities</h5><br>
<h6><a href="volunteer.html">Volunteer Now</a></h6>
</div>
</li>
</ul>
CSS样式:
.ei-title2 h6{
font-size: 25px;
text-decoration:underline;
font-family: 'Open Sans Condensed', sans-serif;
font-weight:300;
text-transform: uppercase;
color: #000;
letter-spacing:.02em;
background:#ffd40b;
display:inline;
padding: 0 10px 0 10px;}
.ei-title2 h6 a:hover{
-webkit-text-stroke: 1px;}
谢谢亲切的灵魂!