小编use*_*431的帖子

如何定位特定div ID的标题?

我试图使用与页面其余部分的标题不同的字体系列来标记标题中的所有标题,但是我无法将样式仅应用于特定的标题ID.

这是我尝试过的:

#header h1,h2,h3,h4 {
    font-family:'Helvetica';
}
Run Code Online (Sandbox Code Playgroud)

但这会导致所有h1/2/3/4标签都使用Helvetica字体,无论它们是否在标头div中.我确定我错过了一些简单的东西,有人可以帮忙吗?谢谢!

css stylesheet html-heading

8
推荐指数
1
解决办法
1万
查看次数

仅在移动设备上进行画布外导航?

我正在使用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)

提前致谢!

navigation menu responsive-design zurb-foundation

6
推荐指数
1
解决办法
7302
查看次数

将下拉箭头指示符添加到仅包含子菜单的菜单项?

我目前正在尝试在导航菜单上为具有子菜单选项的项目添加箭头指示器.

目前我正在使用这个CSS:

.mainNav li > a:after {
   color: #444;
   content: ' ?';
}
Run Code Online (Sandbox Code Playgroud)

但是这会向每个人添加一个下拉箭头,<li>无论是否存在子菜单.有没有办法只用CSS只将这个箭头添加到有子项的项目?

谢谢!

css navigation html-lists submenu

5
推荐指数
1
解决办法
4万
查看次数

.each在HTML Slim中执行else语句

我有一个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的经验很少.提前致谢!

html ruby each slim-lang

5
推荐指数
1
解决办法
4748
查看次数