Currently, I am utilizing wp_enqueue_style to incorporate two CSS files within a single function. However, the issue that arises is when I try to apply a class, it seems that only classes from one of the files can be utilized and it ends up overriding another class.
Below is the code snippet:
<a class="navbar-brand py-2 anti-white" href="<?= esc_url(home_url('/')); ?>">TES</a>
<!-- The class "anti-white" is defined in style.css and cannot be accessed -->
function add_theme_scripts()
{
wp_enqueue_style( 'style', get_stylesheet_uri() );
wp_enqueue_style('bootstrap.min.css', get_template_directory_uri() . '/assets/css/framework/bootstrap/css/bootstrap.min.css', array( 'style'), '1.7', 'all');
wp_enqueue_script('bootstrap.bundle.min.js', get_template_directory_uri() . '/assets/css/framework/bootstrap/js/bootstrap.bundle.min.js', array('jquery'), 1.1, true);
}
add_action('wp_enqueue_scripts', 'add_theme_scripts');