Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
在HTML/CSS中,带有在标记内指定的类的div内的超链接_Css_Html_Class Design - Fatal编程技术网

在HTML/CSS中,带有在标记内指定的类的div内的超链接

在HTML/CSS中,带有在标记内指定的类的div内的超链接,css,html,class-design,Css,Html,Class Design,目前我正在尝试实现我的第一个HTML5应用程序,但是我遇到了一些关于HTML/CSS的一般性问题,特别是使用头标签 通常我将主标记放在CSS规则的开头,因此我可以控制每个属性,并且不混合任何属性 现在我有了这个CSS代码: header div.followUs { float:right; font:Georgia, "Times New Roman", Times, serif; color:#B2B2B2; font-style:italic } header div.followU

目前我正在尝试实现我的第一个HTML5应用程序,但是我遇到了一些关于HTML/CSS的一般性问题,特别是使用头标签

通常我将主标记放在CSS规则的开头,因此我可以控制每个属性,并且不混合任何属性

现在我有了这个CSS代码:

header div.followUs { float:right; font:Georgia, "Times New Roman", Times, serif;    color:#B2B2B2; font-style:italic }
header div.followUs a,a:link,a:active,a:visited { color:orange }

header nav { clear:right; float:right; margin-top:20px }
header nav ul li { float:left; margin-right: 25px; text-transform:uppercase; font-weight:bold }
header nav ul li:last-child { margin-right: 0 }
header nav ul li a { text-decoration:none }
我的HTML代码是:

<header>
<div class="header-inner clearfix">
    <h1 class="logo">Client KickOff</h1>
    <div class="followUs">Segue-nos no <a href="#">Twitter</a> and <a href="#">Facebook</a>.</div>
    <nav>
        <ul>
            <li><a href="/html/">Notícias</a></li>
            <li><a href="/html5/">Quem Somos</a></li>
            <li><a href="/css/">Os Nossos Produtos</a></li>
            <li><a href="/css3/">O Nosso Portefólio</a></li>
            <li><a href="/js/">Contacte-nos!</a></li>
            </ul>
    </nav>
</div>
</header>

客户启动
不,不,不。
它与div的颜色相同,followUs类应用于导航项

有什么想法吗

header div.followUs a,a:link,a:active,a:visited { color:orange }
字面意思是:

header div.followUs a { color: orange }
a:link { color: orange }
a:active { color: orange }
a:visited { color: orange }
因此,导航中的链接与单个
a:link
规则匹配,因为它未指定在header和followUs分区中

您需要在每个
a:
选择器前面有
标题div.followUs
。尽管如此,您还是应该删除额外的
a:
选择器,因为初始的
标题div.followUs a
已经覆盖了所有表单

字面意思是:

header div.followUs a { color: orange }
a:link { color: orange }
a:active { color: orange }
a:visited { color: orange }
因此,导航中的链接与单个
a:link
规则匹配,因为它未指定在header和followUs分区中


您需要在每个
a:
选择器前面有
标题div.followUs
。尽管如此,您还是应该删除额外的
a:
选择器,因为初始的
标题div.followUs a
已经覆盖了所有表单。

标题div.followUs a,a:link,a:active,a:invested{color:orange}
问题出在这里
你有一个链接设置为橙色,如果你有链接,
删除a:link

标题div.followUs a,a:link,a:active,a:visted{color:orange}
问题出在这里
你有一个链接设置为橙色,你有链接,
删除a:link

我不明白你的问题。什么“it”给出了相同的颜色?作为旁白,除非除了
div
之外还有其他元素将具有class
followUs
或者上面没有显示的额外特殊性的原因,否则只需使用
.followUs
而不是
div.followUs
。只需添加元素即可
nav li
nav a
可能也足够了,匹配速度也快得多。我不明白你的问题。什么“it”给出了相同的颜色?作为旁白,除非除了
div
之外还有其他元素将具有class
followUs
或者上面没有显示的额外特殊性的原因,否则只需使用
.followUs
而不是
div.followUs
。只需添加元素即可
nav li
nav a
可能也足够了,而且匹配速度更快。哦,我找到了!谢谢!我真的想到了当所有的东西都排在一行,然后是主要的对象时,它会把它们联系起来,但是这样做是有意义的,因为我们应该按照我们想要的方式分配每个对象。谢谢!(第一篇帖子,这似乎是一个很棒的社区——而且非常快!)哦,我明白了!谢谢!我真的想到了当所有的东西都排在一行,然后是主要的对象时,它会把它们联系起来,但是这样做是有意义的,因为我们应该按照我们想要的方式分配每个对象。谢谢!(第一篇文章,这似乎是一个很棒的社区——而且速度非常快!)你好,rmagnum2002,但我想用li的链接。我已经听了阿尼姆森的回复。无论如何谢谢你!没问题,我很高兴你在这里解决了你的问题。注意,你好,rmagnum2002,但我想用李的链接。我已经听了阿尼姆森的回复。无论如何谢谢你!没问题,我很高兴你在这里解决了你的问题。当心。