我试图使用与页面其余部分的标题不同的字体系列来标记标题中的所有标题,但是我无法将样式仅应用于特定的标题ID.
这是我尝试过的:
#header h1,h2,h3,h4 {
font-family:'Helvetica';
}
Run Code Online (Sandbox Code Playgroud)
但这会导致所有h1/2/3/4标签都使用Helvetica字体,无论它们是否在标头div中.我确定我错过了一些简单的东西,有人可以帮忙吗?谢谢!
我正在使用Foundation进行画布外导航,但是,我只希望画布上的导航在移动设备上显示,在桌面浏览器上我将使用标准导航菜单.我的问题是,我可以重复使用我的画布外导航中的代码来获取桌面导航,还是必须编写2个单独的导航菜单?
以下是我的导航代码对于画布外导航的看法:
<div class="off-canvas-wrap">
<div class="inner-wrap">
<nav class="tab-bar">
<section class="left-small">
<a class="left-off-canvas-toggle menu-icon" ><span></span></a>
</section>
</nav>
<aside class="left-off-canvas-menu">
<ul class="off-canvas-list">
<li {% if page.slug == "index" %}class="active"{% endif %}>
<a href="/">Home</a>
</li>
<li>{% nav site, no_wrapper: true %}</li>
</ul>
</aside>
<section class="main-section">
PAGE CONTENT HERE
</section>
<a class="exit-off-canvas"></a>
</div>
</div>
Run Code Online (Sandbox Code Playgroud)
提前致谢!
我目前正在尝试在导航菜单上为具有子菜单选项的项目添加箭头指示器.
目前我正在使用这个CSS:
.mainNav li > a:after {
color: #444;
content: ' ?';
}
Run Code Online (Sandbox Code Playgroud)
但是这会向每个人添加一个下拉箭头,<li>无论是否存在子菜单.有没有办法只用CSS只将这个箭头添加到有子项的项目?
谢谢!
我有一个HTML Slim文档,如果没有找到结果,我想知道如何发出else语句.这是我目前的代码:
- @books.each do |rep|
.row
.large-12.columns
.bookinfo
.name= book.name
= book.title_name
br
= mail_to author.email, author.email
br
a.phonenumber href="tel:#{ author.phone }"= author.phone
Run Code Online (Sandbox Code Playgroud)
对不起,我对HTML Slim一点都不熟悉,而且我对Ruby的经验很少.提前致谢!
css ×2
navigation ×2
each ×1
html ×1
html-heading ×1
html-lists ×1
menu ×1
ruby ×1
slim-lang ×1
stylesheet ×1
submenu ×1