当我的 div 在一个位置时，我的 CSS 可以工作，但当我将其移动到标题时就不行了

我正在尝试在标题中添加一个div以用于特殊通知 - 例如办公室关闭。css 在标题中不起作用，但是如果我将整个div 向下移动到主体部分，它就可以工作。我移动它只是为了尝试解决这种情况。

#Notice p{
	font-family:'Open Sans';
	color:#d7972a;
	font-size:15px;
	line-height:32px;
}

</head>
<body>
	<header>
		<div class="container">
				<div id="mobileNav">
					<div></div>
					<div></div>
					<div></div>
				</div>
					<div class="Notice">
						<p> The Office will be closed from 4/1/16 - 4/5/16</p>
					</div>
			<a id="lablogo" href="index.html"> <img src="images/AmpLabLogo.png" alt="Andrews Amp Lab Logo"></a>
			
		</div>	
			
		<nav>
			<ul>
				<li id="dropAbout" class="mobileDropAbout"><a href="#">About<span class="caret"></span></a>
					<ul id="drop2" class="mobileDrop2">
						<li><a href="experience.html">The Andrews Amp Lab Experience</a></li>
						<li><a href="bio.html">Bio</a></li>
						<li><a href="clients.html">Clients</a></li>
						<li><a href="pricing.html">Pricing</a></li>
						<li><a href="warranty.html">Warranty</a></li>
					</ul>
				</li>
				<li id="dropService" class="mobileDropService"><a href="#">Services<span class="caret"></span></a>
					<ul id="drop" class="mobileDrop">	
						<li><a href="Tone_Resurrection.html">Tone Resurrection</a></li>
						<li><a href="Repairs.html">Repairs</a></li>
						<li><a href="Cap.html">Cap Job</a></li>
						<li><a href="Modifications.html">Modifications</a></li>
					</ul>
				</li>
				<li><a href="Contact.html">Contact</a></li>
				<li><a href="gallery home.html">Gallery</a></li>
				<li><a href="Testimonials.html">Testimonials</a></li>
				<li><a href="Tube_Reviews_for_Guitarists.html">Tube Reviews</a></li>
				<li><a href="#">Blog</a></li>
			</ul>
		</nav>
		
	</header>

问题是选择器：请注意，这是一个类而不是一个 id，所以只需将选择器更改为 .Notice p

相关内容

最新更新

热门标签：