点击<li>项粗体</li>

时间:2013-03-03 13:20:37

标签: html css

是否可以通过仅使用HTML / css?

使点击的链接文本变为粗体
<body>
    <div id="menu-bg">
        <div id="menu-text">
            <ul id="list">
                <li><a href="experience.php">THE EXPERIENCE</a><br>
                    <a href="services.php">SERVICES</a><br>
                    <a href="adventures.php">ADVENTURE</a><br>
                    <a href="tour.php">TOUR</a><br>
                    <a href="gallery.php">GALLERY</a><br>
                    <a href="reviews.php">REVIEWS</a><br>
                    <a href="location.php">LOCATION</a>
                </li>

         </ul>
      </div>
    </div>
</body>

3 个答案:

答案 0 :(得分:9)

尝试

a:visited {
font-weight:bold;
}

答案 1 :(得分:2)

肯定是的。

对于html / css,您可以使用:

<style>
    li a:active{
        font-weight:bold;
    }
</style>

您还可以使用javascript / jquery:

$('li a').click(function(e){
    $(this).css('font-weight','bold');
})

答案 2 :(得分:1)

您可以尝试 -

<style>
ul li a:visited {
     font-weight:bold;
}
</style>
如果问题仍然存在,请写信给我。