a标签从行间元素变块元素
我们有时候使用a标签的时候,需要给a标签一个宽度,方便我们去点击,最常用的是在导航上面的使用,怎么做到呢?其实很简单,下面跟seo小孟一起来看看~
网站里面的a标签是有很多的,我们不可能说对所有的a标签都需要变成块元素,那怎么办呢?当然是要找到我们需要控制的a标签的父级元素了,比如:我们设置一个div盒子,其class为site-title,我们需要让它子级的a标签宽度为518px,距离上面35px,我们只需要这么写:
.site-title a{
display:block;
margin-top:35px;
width:518px;
}
在这里有个小问题,有时候我们控制的a标签因为优先级的问题,可能会导致样式添加后没有变化。
所以我们需要将设置的样式优先级设置为最高级:!important,于是,我们需要这么写:
.site-title a{
display:block;
margin-top:35px!important;
width:518px!important;
}
网站里面的a标签是有很多的,我们不可能说对所有的a标签都需要变成块元素,那怎么办呢?当然是要找到我们需要控制的a标签的父级元素了,比如:我们设置一个div盒子,其class为site-title,我们需要让它子级的a标签宽度为518px,距离上面35px,我们只需要这么写:
.site-title a{
display:block;
margin-top:35px;
width:518px;
}
在这里有个小问题,有时候我们控制的a标签因为优先级的问题,可能会导致样式添加后没有变化。
所以我们需要将设置的样式优先级设置为最高级:!important,于是,我们需要这么写:
.site-title a{
display:block;
margin-top:35px!important;
width:518px!important;
}