作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我有 2 个或更多 <UL>
设置在里面,只想制作第一个 UL <a>
设置为粗体。事实上,这是一个包含多个子菜单的菜单,我只想将父链接设为粗体。
我知道可以通过添加更多 ID 或类来完成,但这不是一个选项,只想尝试 css 方法。
<ul class="menu">
<li class="collapsed first">
<a title="Mechanical products" href="1">Mechanical Products</a>
</li>
<li class="collapsed">
<a title="Chemicals" href="2">Chemicals</a>
</li>
<li class="expanded active-trail">
<a title="Instrumentation" href="3">Instrumentation</a>
<ul class="menu">
<li class="leaf first">
<a title="Control valves FISHER" href="4">Control Valves</a>
</li>
<li class="expanded active-trail">
<a class="active" title="Corrosion Monitoring System" href="5">Corrosion Monitoring</a>
<ul class="menu">
<li class="leaf first">
<a title="Access Fitting Assemblies" href="6">Fitting Assemblies</a>
</li>
<li class="leaf last">
<a title="Coupon Holders, Coupons & Probes" href="7">Holders,Coupons</a>
</li>
</ul>
</li>
</ul>
</li>
<li class="collapsed">
<a title="Mechanical products2" href="8">Mechanical Products2</a>
</li>
</ul>
在这个例子中,只有“机械产品”、“化学制品”、“仪器仪表”和“机械产品2”应该加粗。
最佳答案
使用第一个子选择器:>
.menu > li {
font-weight: bold;
}
并不是说如果你需要支持 IE6,你必须手动完成,因为 IE6 不支持 >
选择器:
.menu li a {
font-weight: bold;
}
.menu li ul li a {
font-weight: normal;
}
关于css 如何只为第一个 <ul> 集制作粗体字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13356423/
下面是我用来制作 1px 文本描边轮廓的代码。但是如何使轮廓变粗呢?如果我只是用“5px”替换所有“1px”,结果看起来很疯狂。 HTML Hello! CSS .element { color:
我是一名优秀的程序员,十分优秀!