可以在CSS中使用條件嗎？

建立一個WordPress的主題，我不是在第一頁，但在其他網頁內容有。可以在CSS中使用條件嗎？

這是網站：

我關掉主站點

.masthead-fixed .site-main { 
    margin-top: 48px; 
    display:none;

例如...如果在「示例頁面」用戶點擊我想＃.masthead-固定要激活else ...不顯示。

它可以這樣做在CSS？我可以使用什麼技術？

這將幫助我一個很好的例子，更清楚地瞭解該做什麼。

在此先感謝！

來源

2015-02-11 Mihai andrei

你的鏈接返回一個空白頁，也許你有一個PHP錯誤。你不能在CSS中做，我建議JavaScript。你的問題還不夠清楚 – 2015-02-11 23:11:26

你是否試圖讓點擊動態改變標題？ – 2015-02-11 23:28:38

如果您只想在不在主頁上時顯示某些內容，則可以在模板文件中使用以下PHP。

<?php if (!is_home() || !is_front_page()) { ?> 

<div id="something">This div and content will only show up if we're not on the front page</div> 

<?php } ?>

因此，這裏是在header.php中發現

<body <?php body_class(); ?>> 
<div id="page" class="hfeed site"> 
    <header id="masthead" class="site-header" role="banner"> 
     <div class="site-branding"> 
      <h1 class="site-title"><?php bloginfo('name'); ?></h1> 
     </div> 
     <input type="checkbox" id="menu"> 
     <label for="menu" class="menu-label" onclick></label> 
     <nav id="site-navigation" class="main-navigation" role="off-canvas"> 
      <?php wp_nav_menu(array('theme_location' => 'primary', 'container' => '')); ?> 
     </nav><!-- #site-navigation --> 
    </header><!-- #masthead --> 

    <div id="content" class="site-content">

更改上面的代碼到這個標準的報頭：

<body <?php body_class(); ?>> 
<div id="page" class="hfeed site"> 
    <?php if (!is_home() || !is_front_page()) { ?> <!-- PLACE THIS LINE ABOVE YOUR HEADER --> 
    <header id="masthead" class="site-header" role="banner"> 
     <div class="site-branding"> 
      <h1 class="site-title"><?php bloginfo('name'); ?></h1> 
     </div> 
     <input type="checkbox" id="menu"> 
     <label for="menu" class="menu-label" onclick></label> 
     <nav id="site-navigation" class="main-navigation" role="off-canvas"> 
      <?php wp_nav_menu(array('theme_location' => 'primary', 'container' => '')); ?> 
     </nav><!-- #site-navigation --> 
    </header><!-- #masthead --> 
<?php } ?> <!-- PLACE THIS CODE AFTER THE HEADER --> 
    <div id="content" class="site-content">

這將顯示您的所有網頁標題，除了您的主頁。

來源

2015-02-12 00:44:37 Twodogstar

看看生成的HTML。每個頁面在body標籤上都有一些獨特的類。例如，首頁將具有.home類，並且根據模板，您的body標籤也將具有模板類，例如， .page-template-default。然而，最重要的是，每個頁面將具有唯一的ID，例如， .page-id-7。您可以輕鬆使用這些來區分CSS中的特定頁面。

所以看你的「示例頁面」的源代碼，找到它的ID，並相應調整CSS：

body.page-id-X .masthead-fixed .site-main { 
    display: none; 
}

來源

2015-02-12 00:48:52 kba

可以在CSS中使用條件嗎？

回答

相關問題