div+css 怎样单独定义“加入收藏”这几个字是加粗的 ？ 还有怎样给加入收藏加入链接？

html-css022

div+css 怎样单独定义“加入收藏”这几个字是加粗的 ？ 还有怎样给加入收藏加入链接？,第1张

<span class="con_bold">加入收藏</span>

.con_bold{

font-weight:bold

}

span标签可以换成别的

<!doctype html>

<html>

<head>

<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>

<meta charset="utf-8">

<title>Nav</title>

<style>

#nav{

width:950px

height:80px

background:#787878

color:#000000

font-size:18px

line-height:80px

margin:auto

}

#nav a{

display:inline-block

padding:0 20px

border-right:1px dotted #000000

}

</style>

<script>

$(function(){

$('#nav').find('a').mouseover(function(){

$(this).attr('data-en', $(this).html()).html($(this).attr('data-cn'))

})

$('#nav').find('a').mouseout(function(){

$(this).attr('data-cn', $(this).html()).html($(this).attr('data-en'))

})

})

</script>

</head>

<body>

<div id="nav">

<a href="#HOME" data-cn="主页">HOME</a>

<a href="#ALL" data-cn="配件">ALL</a>

<a href="#TOP" data-cn="上装">TOP</a>

<a href="#BOTTOM" data-cn="下装">BOTTOM</a>

<a href="#SHOES" data-cn="鞋子">SHOES</a>

<a href="#MARK" data-cn="收藏我们">BOOK MARK</a>

<a href="#ABOUT" data-cn="关于我们">ABOUT US</a>

</div>

</body>

</html>

你要定义a的CSS才行如a{..}a:hover{}a表示默认的，a:hover表示鼠标移到链接区域时才显示。如果你只定义<div class="logo_nav"></div>中间的a可以使用.logo_nav a{..}.logo_nav a:hover{..}