如何在CSS文件中输入(id =“post - <! - ?php the_ID();? - >”)?

时间:2018-02-11 21:31:27

标签: php css wordpress

我想修改Wordpress Theme中帖子的大小。

当我像这样编辑

<div id="post-<?php the_ID(); ?>" <?php post_class('thumb'); ?> style="width: 250px;">

结果很好,但在这种情况下我无法输入@media。 有没有办法通过CSS文件修改大小?

1 个答案:

答案 0 :(得分:0)

在CSS文件中为您的帖子提供课程

例如

my_style.css 文件

@media screen {
    .my-post {
       # style goes here
    }

}

然后使用<head></head>标记

导入文件
 <link rel="stylesheet" type="text/css" href="my_style.css"> // put the correct path

然后在php / html文件中使用

<div class="my-post">

类可以应用于html文档中的多个元素

如果你想使用id那么规则应该是

[id^=post]它将以&#34; post&#34;开头的所有ID开头串

my_style.css 文件

@media screen {
    [id^=post] { 
       # style goes here
    }

}