Codeigniter 的分页 CSS 不起作用

Question

注意:我刚刚意识到我的CSS有问题，浏览器只查看我的旧CSS(意味着我不能编辑我的CSS)。什么错了吗?

我试着按照这个教程，但我不做完全相同的事情像视频。

我想编辑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。我也试图手动插入<div>标签在html中，但没有一个工作。

这是我的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

Answer 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

Answer 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文件将单选按钮更改为每次加载网页