如何通过css定位内容

如何通过css定位内容,css,Css,我有无法编辑的html: <div id="menu"> <a href="">Home</a> &nbsp;|&nbsp; <a href="">Meet Our Physicians</a> &nbsp;|&nbsp; <a href="">Services</a> &nbsp;|&nbsp; </div> 编辑: 也许是这样的: @medi

我有无法编辑的html:

<div id="menu">
 <a href="">Home</a> &nbsp;|&nbsp;
 <a href="">Meet Our Physicians</a> &nbsp;|&nbsp;
 <a href="">Services</a> &nbsp;|&nbsp;
</div>
编辑: 也许是这样的:

@media screen and (max-width:480px){
    #menu {
       text-indent: -9999px;
       font-size: 0px;
    }
    #menu a {
       text-indent: 0px;
       font-size: 14px;
    }
}
编辑: 也许是这样的:

@media screen and (max-width:480px){
    #menu {
       text-indent: -9999px;
       font-size: 0px;
    }
    #menu a {
       text-indent: 0px;
       font-size: 14px;
    }
}

模拟这种情况的唯一方法(不幸的是,CSS无法针对不属于元素的文本)是针对包含的元素,然后覆盖子元素
元素中的样式:

@media screen and (max-width:480px){
    #menu {
        font-size: 0;
    }
    #menu a {
        font-size: 16px; /* or whatever */
        margin: 0 0.5em; /* or whatever, to restore some spacing between elements */
    }
}

模拟这种情况的唯一方法(不幸的是,CSS无法针对不属于元素的文本)是针对包含的元素,然后覆盖子元素
元素中的样式:

@media screen and (max-width:480px){
    #menu {
        font-size: 0;
    }
    #menu a {
        font-size: 16px; /* or whatever */
        margin: 0 0.5em; /* or whatever, to restore some spacing between elements */
    }
}
试试这个:

@media screen and (max-width:480px) {
    #menu > a{
        margin-right: -10px; /* getting the elements closer */
    }
    #menu {
        color: transparent;  /* making the open text's color transparent */
    }
}

试试这个:

@media screen and (max-width:480px) {
    #menu > a{
        margin-right: -10px; /* getting the elements closer */
    }
    #menu {
        color: transparent;  /* making the open text's color transparent */
    }
}

您确实不应该使用
空格来定位,请使用边距和填充。还有更好的“分隔符”选项,
管道
符号。@Paulie_D是的,我知道,但这是一个我收到要编辑的网站,我只有权编辑css。相信我,我永远不会写htmlYou真的不应该使用
空格
来定位,使用边距和填充。还有更好的“分隔符”选项,
管道
符号。@Paulie_D是的,我知道,但这是一个我收到要编辑的网站,我只有权编辑css。相信我,我永远不会写那种html