Overwritten WordPress parent theme jquery.bxslider.css

I have been searching over 2 hours but did not find the similar solution. I would like to overwrite the jquery.bxslider.css in my parent theme.
The parent theme directory(just brief example):

parent_theme: css :font-awesome.min
:responsive
:jquery.bxslider
style.css;
functions.php;

Read More

The child theme directory:
css: jquery.bxslider
style.css;
functions.php

I did the child theme according to the updated WordPress instruction
https://codex.wordpress.org/Child_Themes

I copied the jquery.bxslider.css from parent theme and pasted to the child theme under the folder css, then I changed some styles in the copied css.

I tried several ways to overwrite the parent theme but failed. I suppose it’s the problem of my functions.php in the child theme. Any suggestions? Appreciate it in advance. Here is my child theme functions:

           <?php
             add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );
             function theme_enqueue_styles() {
              wp_enqueue_style( 'parent-style', get_template_directory_uri() .        
             '/style.css' );
              wp_enqueue_style('child-style',get_templete_directory_uri().'/css/jquery.bxslider.css');
             }
             function dequeue_unwanted_css(){
               wp_dequeue_style('jquery.bxslider');
               wp_deregister_style('juqery.bxslider');
            }
          add_action('wp_enqueue_scripts','dequeue_unwanted_css',100);
        ?>

Related posts