Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
防止CSS在WordPress中包含的PHP脚本中继承父CSS_Php_Css_Wordpress - Fatal编程技术网

防止CSS在WordPress中包含的PHP脚本中继承父CSS

防止CSS在WordPress中包含的PHP脚本中继承父CSS,php,css,wordpress,Php,Css,Wordpress,我已经编写了一个小PHP脚本,通过短代码将其包含到WordPress页面中。是否可以在PHP脚本中只使用自定义css文件,而不从WordPress主题继承css元素 如果是,比如何 通常,如果在前一个文件之后调用新样式文件,则该文件将被重写,或者在标签中指定样式,如果该样式在某种程度上是关键的 我希望这将做,如果需要更多的帮助,提供您的工作的例子 谢谢一般来说,如果在前一个文件之后调用新样式文件,它将被重写,或者在标记中指定样式,如果它本身以某种方式至关重要 我希望这将做,如果需要更多的帮助,提

我已经编写了一个小PHP脚本,通过短代码将其包含到WordPress页面中。是否可以在PHP脚本中只使用自定义css文件,而不从WordPress主题继承css元素


如果是,比如何

通常,如果在前一个文件之后调用新样式文件,则该文件将被重写,或者在标签中指定样式,如果该样式在某种程度上是关键的

我希望这将做,如果需要更多的帮助,提供您的工作的例子


谢谢

一般来说,如果在前一个文件之后调用新样式文件,它将被重写,或者在标记中指定样式,如果它本身以某种方式至关重要

我希望这将做,如果需要更多的帮助,提供您的工作的例子


谢谢

原始样式表之后包含的任何样式都将覆盖以前的样式(只要它们符合相同的级别)

覆盖样式的更好方法是给新页面一个ID,然后在新样式表中可以使用
#NewID.cssSelectorToOverride{\*新样式\*}


这是一篇很好的文章,可以教您css选择器和优先级:

原始样式表之后包含的任何样式都将覆盖以前的样式(只要它们符合相同的级别)

覆盖样式的更好方法是给新页面一个ID,然后在新样式表中可以使用
#NewID.cssSelectorToOverride{\*新样式\*}


这是一篇很好的文章,可以教你css选择器和优先级:

你必须做两件事:

  • 给你的代码片段一个父div id,说“#mySnippet”
  • 在css文件的底部,为#mySnippet元素添加一个部分。位于底部非常重要,以便在必须时可以覆盖其他属性
  • 自定义CSS文件不能始终与wordpress一起使用,因为平台需要特定的文件结构,如果我没有弄错的话,所有CSS代码都必须是style.CSS。这就是为什么您的代码片段必须在底部使用style.css(最好用注释行与其他代码很好地隔离)

    现在,所有需要更改的元素前面都会加上#mySnippet。例如,代码段中的P标记应以如下方式为目标:

    #mySnippet p {
    property:value;
    }
    

    这应该会解决问题。

    您必须做两件事:

  • 给你的代码片段一个父div id,说“#mySnippet”
  • 在css文件的底部,为#mySnippet元素添加一个部分。位于底部非常重要,以便在必须时可以覆盖其他属性
  • 自定义CSS文件不能始终与wordpress一起使用,因为平台需要特定的文件结构,如果我没有弄错的话,所有CSS代码都必须是style.CSS。这就是为什么您的代码片段必须在底部使用style.css(最好用注释行与其他代码很好地隔离)

    现在,所有需要更改的元素前面都会加上#mySnippet。例如,代码段中的P标记应以如下方式为目标:

    #mySnippet p {
    property:value;
    }
    

    这应该会解决问题。

    打开WordPress主题根目录中的function.php文件。只需插入这个函数PFB,只需更改目录,对于js,您不需要连接单独的文件,因为您可以使用footer.php并在script标记中插入js代码,它将准确工作

    add_action( 'wp_enqueue_scripts', 'radliv_child_enqueue_styles' ); function radliv_child_enqueue_styles() {     wp_enqueue_style( 'custom-css-style', get_template_directory_uri() . '/inc/assets/css/custom.css' ); } ;
    

    打开WordPress主题根目录中的function.php文件。只需插入这个函数PFB,只需更改目录,对于js,您不需要连接单独的文件,因为您可以使用footer.php并在script标记中插入js代码,它将准确工作

    add_action( 'wp_enqueue_scripts', 'radliv_child_enqueue_styles' ); function radliv_child_enqueue_styles() {     wp_enqueue_style( 'custom-css-style', get_template_directory_uri() . '/inc/assets/css/custom.css' ); } ;
    

    向我们展示您尝试过的代码片段。更清楚地说明您想要实现什么?向我们展示您尝试过的代码片段。更清楚地说明你到底想要实现什么?