首页 >社区问答列表 >javascript - main head .intro-text{width:40%} main head{display:flex}为何无效？

javascript - main head .intro-text{width:40%} main head{display:flex}为何无效？

曾经蜡笔没有小新2017-06-30 09:57:31
[JavaScript讨论组]举报回复话题 ↕

<!DOCTYPE html>
<html lang="en">

<head>

<meta charset="UTF-8">
<title>Build a Personal Portfolio Webpage</title>
<link rel="stylesheet" href="./rule/bootstrap-Normalize.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
<link rel="stylesheet" href="main.css">
<style>
    body{font-size:20px}
    main{margin-top:80px;padding:30px 50px}
    main head{display:flex}
    main head .intro-text{width:40%}

/# sourceMappingURL=main.css.map /

</style>

</head>

<body>

<header class="navbar navbar-inverse navbar-fixed-top">
    <nav class="container">
        <a class="navbar-brand navbar-text navbar-left" href="#">Free Code Camp</a>
        <ul class="nav navbar-nav navbar-text navbar-right">
            <li><a href="#">about</a></li>
            <li><a href="#portfolio">portfolio</a></li>
            <li><a href="#contact">contact</a></li>
        </ul>
    </nav>
</header>
<main class="container">
    <header>
        <p class="intro-text">
            <p>Front-End Developer and UX/UI designer, with practical experience in project management, branding strategy, and creative direction; devoted to functional programming and information architecture.</p>
            <hr>
            <span>
                    Web Developer - User Experience Designer - Graphic Artist
            </span>
        </p>
        <img src="http://qlip.in/images/avatar.jpg" alt="666">
    </header>
 </main>

</body>

</html>

/# sourceMappingURL=main.css.map /

全部回复（1）
我来回答

ringa_lee 2017-06-30 09:59:311楼


body {font-size:20px}
main {margin-top:80px;padding:30px 50px}
main header {display:flex}
main header .intro-text {width:40%}

是不是因为应该是header啊？？你写成了head。

赞 +0 添加回复

进入小组列表 +发布话题

热门话题

javascript - main head .intro-text{width:40%} main head{display:flex}为何无效？

javascript - main head .intro-text{width:40%} main head{display:flex}为何无效？