Changes in child theme css file (style.css) do not show up

When I change the css file of my child theme, these changes do not show up at the website.

After searching long, long time, it seems my website loads an old version of the css file. In the source code I see this one being loaded:
/wp-content/themes/enfold-child/style.css?ver=7.1

The content of this file, when viewed through the browser, is not the same as the file I’m editing through ftp and a code editor at:
/wp-content/themes/enfold-child/style.css

I’ve been trying hard to find out how to load the right css. For example I’ve deleled browser caches, turned off caching plugin, and also set Enfold Performance settings at:

– Turn off css compression/merging
– Turn on delete old css and js files

Nothing seemed to help. Finally asked chatgpt which said:

“It seems that the ?ver=7.1 in the URL of your style.css file is added to indicate the version of the file, which is usually done for caching purposes. If you want the CSS to load without the version parameter, there are several ways to do this, depending on how the version parameter is added. Here are a few possible solutions:”

One of the solutions was adding this code:

function custom_enqueue_styles() {
    wp_enqueue_style( 'enfold-child-style', get_stylesheet_directory_uri() . '/style.css', array(), false, 'all' );
}
add_action( 'wp_enqueue_scripts', 'custom_enqueue_styles' );

That seems to do the trick!

What is happening here?
How can I get this fixed without adding the extra code?

Using Google, I see quite some people having issues withc css changes not being visible due to Enfold settings.

Please let me know how all his stuff works, and how I can turn it off or set it in such a way that it just works?