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

问题描述

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

<head>

<meta charset='UTF-8'><title>Build a Personal Portfolio Webpage</title><link rel='stylesheet' href='https://www.haobala.com/wenda/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='https://www.haobala.com/wenda/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 href='https://www.haobala.com/wenda/4784.html#'>Free Code Camp</a><ul class='nav navbar-nav navbar-text navbar-right'> <li><a href='https://www.haobala.com/wenda/4784.html#'>about</a></li> <li><a href='https://www.haobala.com/wenda/4784.html#portfolio'>portfolio</a></li> <li><a href='https://www.haobala.com/wenda/4784.html#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 /

问题解答

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

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