0414复合选择器测试

最新推荐文章于 2024-11-07 10:38:40 发布

F.只想做咸鱼

最新推荐文章于 2024-11-07 10:38:40 发布

阅读量169

点赞数

文章标签： html

本文链接：https://blog.csdn.net/m0_67902815/article/details/124165871

版权

HTML CSS 链接颜色字体设置导航栏

关键词由CSDN通过智能技术生成

在不修改下面代码结构的前提下，完成以下任务：

链接登录的颜色为红色
主导航栏里面的所有的链接改为橙色
主导航栏和侧导航栏里面文字都是14像素并且是微软雅黑。

```html

<ul>

</ul>

</div>

<div class="site-l">左侧侧导航栏</div>

</div>

```

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=<div class="nav">   
    <title>复合选择器测试</title>
    <style>
        .site-r>a{
            color:red;
        }
        .nav a{
            color: orange;
        }
        .nav,.sitenav{
            font-size: 14px;
            font-family: "microsoft YaHei";
        }
    </style>
</head>
<body>
   <div class="nav">
    <ul>
        <li><a href="#">公司首页</a></li>
        <li><a href="#">公司简介</a></li>
        <li><a href="#">公司产品</a></li>
        <li><a href="#">联系我们</a></li>
      </ul>
    </div>
    <!-- 侧导航栏 -->
    <div class="sitenav">    
      <div class="site-l">左侧侧导航栏</div>
      <div class="site-r"><a href="#">登录</a></div>
    </div>

</body>
</html>