codeigniter的分页css不起作用答案

【问题标题】：codeigniter's pagination css not workingcodeigniter的分页css不起作用
【发布时间】：2013-03-14 00:17:21
【问题描述】：

注意：我刚刚意识到我的 CSS 有问题，浏览器只能查看我的旧 CSS（意味着我无法编辑我的 CSS）。怎么了？

我尝试关注这个tutorial，但我没有做与视频完全相同的事情。

我想编辑我的pagination 链接的外观（使用codeigniter）。这是控制器代码：

//pagination
    $config['base_url'] = site_url('/backend/umat/');
    //$config['base_url'] ='http://localhost/ci_gabdb/index.php/backend/umat/';
    $config['total_rows'] = $this->backend_m->count_umat();
    $config['per_page'] = 10; 
    $config['uri_segment'] = 3;
    $config['full_tag_open'] = '<div id="pagination">';
    $config['full_tag_close'] = '</div>';

    $this->pagination->initialize($config); 

    $data['pagination'] = $this->pagination->create_links();

请注意，我已经在使用 full_tag_open 和 full_tag_close。我也尝试在html中手动插入<div>标签，但它们都不起作用。

这是我的css 代码：

#pagination a {
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 10px;
    color: #292929;
    text-decoration: none;
    background: #e3e3e3;
    border: 1px solid #000;
    padding: 4px 7px;
}

我认为分页 css 应该可以正常工作，但事实并非如此。我的错误在哪里？谢谢：D

【问题讨论】：

CSS 的其余部分是否正常工作？在 Chrome 中打开页面，右键单击其中一个链接并选择检查元素。您可能有一些其他 CSS 覆盖了您放在那里的内容。例如，如果您将 CSS 标记为重要，它将覆盖其他任何内容。从您上面的内容来看，您是正确的，它应该可以正常工作。为了记录，我从不为完整标签的事情烦恼。我只是将分页放在 HTML 中的一个 div 中，并附上我的类。
@RickCalder 请查看我编辑的问题，我刚刚意识到我的新编辑的 css 现在都没有工作（但旧的 css 工作）
您是在本地还是在服务器上执行此操作。无论哪种方式，通过按 ctrl + F5 刷新页面几次听起来你的浏览器正在缓存 CSS。
@RickCalder 是的，你是对的，我试图关闭选项卡，再次打开它，但它不起作用。我还单击了该 url，然后按“Enter”，它仍然无法正常工作。但是当我刚刚按下“F5”时，它正在工作：D 我不知道这里发生了什么，请回答这个问题（并解释一下，如果你觉得可以的话）。谢谢：D

标签： css codeigniter pagination

【解决方案1】：

这是我正在使用的：

    // pagination code
    $config = array();
    $config["base_url"] = base_url() . "/themes/all";
    $config["total_rows"] = $this->auth_model->record_count();
    $config["per_page"] = 30;
    $config["uri_segment"] = 3;
    $choice = $config["total_rows"] / $config["per_page"];
    $config["num_links"] = round($choice);
    $config['full_tag_open'] = '<div class="pagination pagination-large"><ul>';
    $config['full_tag_close'] = '</ul></div>';
    $config['first_link'] = false;
    $config['last_link'] = false;
    $config['first_tag_open'] = '<li>';
    $config['first_tag_close'] = '</li>';
    $config['prev_link'] = '«';
    $config['prev_tag_open'] = '<li class="prev">';
    $config['prev_tag_close'] = '</li>';
    $config['next_link'] = '»';
    $config['next_tag_open'] = '<li>';
    $config['next_tag_close'] = '</li>';
    $config['last_tag_open'] = '<li>';
    $config['last_tag_close'] = '</li>';
    $config['cur_tag_open'] =  '<li class="active"><a href="#">';
    $config['cur_tag_close'] = '</a></li>';
    $config['num_tag_open'] = '<li>';
    $config['num_tag_close'] = '</li>';

    $this->pagination->initialize($config);

    $page = ($this->uri->segment(3)) ? $this->uri->segment(3) : 0;
    $data["themes"] = $this->auth_model->fetch_themes_total($config["per_page"], $page);
    $data["links"] = $this->pagination->create_links();
    // pagination ends here

【讨论】：

这基本上就是他所拥有的一些额外标签，并不是他问题的真正答案。
感谢您的帮助 :D 我认为问题不在我的控制器上
@Rick ...仅供他比较，也许可以尝试在 $config['full_tag_open'] 中包含
@Shina 感谢您的帮助：D

【解决方案2】：

您遇到的是浏览器缓存问题。有几个解决方案，在任何浏览器中按几次 CTRL + F5 将强制完全刷新站点。还有其他方法可以强制 CSS 刷新。一种是将查询字符串附加到代码中的 CSS，我在开发中使用的是这样的：

   <link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/main.css?time=<?php echo filemtime('./assets/css/main.css');?>" />

这样做是在 css 的末尾附加一个查询字符串并随时间变化，所以每次我加载页面时，我的浏览器都会认为它是 CSS 的新版本并重新加载它。

您还可以告诉您的浏览器在每次访问时重新加载整个页面，此设置在所有浏览器中都不同，但在 Chrome 中是

设置 > 高级设置 > 更改代理设置 > 常规选项卡 > 浏览器历史记录设置 > 临时 Internet 文件将单选按钮更改为每次加载网页时。

【讨论】：