为何在WordPress中,子级CSS与父级冲突?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (1)
  • 关注 (0)
  • 查看 (99)

我的子主题样式表中只有某些样式正在应用于我的网站,而其他样式被忽略,我的父主题的样式正在应用。有任何想法吗?

我的functions.php

<?
   add_action ('wp_enqueue_scripts', 
   'senorpicoculinary_child_and_parent_stylesheets');

function senorpicoculinary_child_and_parent_stylesheets() {
    wp_enqueue_style( 
        'parent-style',
        get_template_directory_uri().'/assets/stylesheet.css'); 

    /* For the child style, I didn't use get_directory_uri() because
       that seems to point to style.css, and our styling file is stylesheet.css*/
    wp_enqueue_style( 
        'child-style',
        get_stylesheet_directory_uri().'/assets/stylesheet.css'); 
}
?>

子级CSS:

h1 {
    font-family: 'momoco_inlineinline';  //doesn't work
    color: blue; //works
}

body {
    background-color: black; // doesn't work
  }

父级CSS(全部应用,而不是我的子级样式)

h1 {
  font-size: 1.4em;
  margin: 0 0 .5em 0;
  font-family: AvenirLT-Roman;
  border-bottom: 1px solid #CCCCCC;
}
body {
  background-color: #F1F1F1;
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-family: AvenirLT-Roman;
}
提问于
用户回答回答于

这被广泛认为不是最佳实践,但我和许多网页开发人员这样做。使用!重要的是强制某些属性。

例如:

h1 {
    font-family: 'momoco_inlineinline' !important;  //this will work ;)
    color: blue; //works
}

body {
    background-color: black !important; // this too :)
  }

扫码关注云+社区

领取腾讯云代金券