im a new at web development and i would like to know if i can change the css via jquery for one specific page. What is happening is that i'm changing the style of a modal through a function but, when i access another modal, it seems to have it's style changed as well. There's a standart function to show modals, but i'm using a parameter to declare if this modal should show up in a specific size, and i'm calling this function with this parameter only in modals i want, but this style is remaining for the following modals.

This is the important parts of the function:

function mostrarModal(btt, e, titulo, url, boolFullSize) //the parameter is boolFullSize


if(boolFullSize !== undefined && boolFullSize) {
            modal.dialog("open");
            carregaForm(undefined, 'modal', link, undefined, undefined, fullsizeModal);
            return;
        }

function fullsizeModal() {
    centralizaModal();
    modal.dialog({
        minHeight: window.innerHeight * 0.9
    });

    $(".ui-dialog, .ui-content").css({
        "max-height":"90vh",
        "max-width":"90vw"
    })
}