css中的ID

css文件中:
a#active_menu:link {
       color: #363D1B;
       font-size:100px;
}
a#active_menu:visited {
       color: #363D1B;
       font-size:100px;
}
a#active_menu:hover {
       color: #363D1B;
       font-size:120px;
}
 
html文件中:
<a href="www.sohu.com" id="active_menu">要楞为可膛可膛吕楞吧在</a>
 
可以实现用ID使用链接样式。
========================================================
css文件中:
#abc333{
...
...
}
在HTML中:
在<table> <td> <div>标签中加入id="abc333",可实现对标签中的内容的控制
 
=========================================================
css中:
 
td a:hover
{
       color: #7BBA72;
       background: #1E3614;
}
 
以上设置了网页中所有表格中单元格中的链接悬停时的样式
 
=========================================================
css中:
 
#thistable td a:hover
{
       color: #7BBA72;
       background: #1E3614;
}
 
在HTML中,设置一个表格的ID为"thistable",即:<table id="thistable">
则对于这个表格中所有链接的悬停状态都做了设定。
 
格式为:
#ID  标签 1[. 类名 ]  标签 2[. 类名 ]   ……  类{
……
}
 
所以
td a:hover
{
       color: #7BBA72;
       background: #1E3614;
}
 
也可以写成
table td a:hover
{
       color: #7BBA72;
       background: #1E3614;
}
 
 
 
扩展:
当在CSS中:
#thistable td a.a03:hover
{
       color: #7BBA72;
       background: #1E3614;
}
 
在只对在HTML中的<a>标签中使用了class=”a03”的链接使用此样式,即<a href=”#” class=”a03”>
 
总结:
形如:a.a01:link{...}
对其的解释是:a为标签名,a01是设置的一个类名,即为class中设置的名字,link是一个属性。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值