Applying a font (a code) to all parts of a widget in css-CodePudding

I want to apply a piece of code (for example, a specific font) to all parts of a widget What selector or what should I call to be able to do this?

In the following code snippet, the font is applied to the selectors and part of the comments, but when a new comment is registered in the comments section of the site, the previous font is displayed again for the new comment.

/* Widget post comments */
.elementor-element-3d8990cd .elementor-widget-post-comments{
    font-family:'IRANSansWeb_FaNum';
    
}
.elementor-element-3d8990cd .elementor-widget-post-comments{
    font-family:'IRANSansWeb_FaNum';
}

/* Wpdiscuz sort button active */
.wpd-thread-filter .wpdf-sorting .wpdiscuz-sort-button-active{
    font-family:'IRANSansWeb_FaNum';
}

CodePudding user response：

You can use [attribute*=value] CSS Selector in this case.

/* Widget post comments */
div[class*="elementor-element-"] .elementor-widget-post-comments{
    font-family:'IRANSansWeb_FaNum'; 
}

/* Wpdiscuz sort button active */
.wpd-thread-filter .wpdf-sorting .wpdiscuz-sort-button-active{
    font-family:'IRANSansWeb_FaNum';
}

You can also add a specific common comment parent class with div if needed.

CodePudding user response：

Actually, I want to put the css code in the css customization of the free wpDiscuz plugin for WordPress comments that will apply my desired font to all the WordPress comments and replies that are recorded and displayed by this plugin.