How to add a class to a core block in both admin editor and frontend?

Related Posts:

1. Are there Gutenberg container blocks?
2. show classes as dropdown in guttenberg`s additional css classes input box
3. Style new block-editor alignfull class without scrollbars or overflow
4. What CSS rules are introduced to core blocks through wp-block-styles?
5. Gutenberg Block Editor Match Admin Styles & Frontend Styles
6. If I dequeue Gutenberg Stylesheet will that have any effect on WordPress 5.0.1?
7. is it possible to use post-type as part of a css selector in block editor stylesheet?
8. Remove WordPress/Gutenberg button styles for ACF blocks
9. Gutenberg Additional CSS Class without modifying theme?
10. How to override Gutenberg admin CSS
11. Different css rules for TinyMCE and Gutenberg while using add_editor_style()
12. Can you edit WP gutenberg block css without a plugin?
13. How to stop Gutenberg from outputting inline CSS for specific blocks?
14. Enqueue styles in new site editor in WordPress 5.9
15. create bootstrap columns inside editor group block
16. Add Custom Alignment Option to WordPress Blocks/Gutenberg
17. Simple way to add custom class and ids to individual Gutenberg blocks
18. The Global Styles missing
19. ACF Gut block broke wordpress default style?
20. Scroll code block instead of wrapping text
21. Default paragraph block styles just for pages NOT for posts?
22. Custom CSS in Widget editor (Gutenberg) gets stripped out
23. Custom Gutenberg color classes naming convention
24. Adding a new block editor color option to a theme
25. Stop custom Gutenberg styles taking over other admin bits?
26. Why can’t blocks be hidden with jQuery?
27. Gutenberg CSS Issue
28. Trying to make an image a circle in Gutenberg
29. What is the cleanest way to shrink Gutenberg Blocks to container width?
30. Gutenberg Editor: display error with a combination of transform and background-attachment:fixed
31. Default Gutenberg CSS on frontend
32. Customizing the CSS for the post/page editor?
33. Use of CSS classes in editor-blocks.css file
34. Images at the same vertical position in multiple columns
35. How do I make my block-editor styles match my front-end styles?
36. Dequeue classic-themes.min.css
37. How can I add a section with a different background color?
38. Narrow paragraph block aligned to left of “wrapper”
39. adding additional css classes have no effect within block editor
40. How do I change search input padding for blockbase child theme?
41. Insert a group block inside a list item
42. Full Site Editing Non-editble global styles?
43. Block content rendered with inline CSS. How do I reuse it in a headless setup?
44. How to add arbitrary custom CSS to a WordPress Block Theme using Site Editor?
45. How to remove class=”wp-block-heading” from Heading tags?
46. Gutenberg: where to find style settings
47. Custom block style not working in the editor
48. Customize margin between paragraphs using the Gutenberg Style editor
49. Style priority in theme.json
50. How to force Gutenberg to follow all custom CSS styling in preview?
51. Disable WP-Elements Class Creation (Gutenberg)
52. Separate typography controls for titles and meta in a custom block?
53. Enqueue Stylesheet on the front end and in the block editor Conditionally
54. Turn off/modify specific pre-rendered Gutenberg editor CSS styles
55. Block style variations not enqueued for blocks inside HTML code dynamically rendered via JS
56. Block editor: can’t change format of inline code blocks
57. Load RTL CSS using block.json for block development
58. Gutenberg inline style messing up the navigation when I add a list to a page
59. What’s the difference between SCSS and Sass?
60. How am I supposed to use index.html?
61. Column order manipulation using col-lg-push and col-lg-pull in Twitter Bootstrap 3
62. What is the difference among col-lg-*, col-md-* and col-sm-* in Bootstrap?
63. Adding border to SVG image
64. What does !important mean in CSS?
65. Set line spacing
66. Remove blue underline from link
67. CSS Background Opacity [duplicate]
68. Outline effect to text
69. Customize Bootstrap checkboxes
70. Making a that’s a link in HTML
71. React.js inline style best practices [closed]
72. What is a user agent stylesheet?
73. What is a user agent stylesheet?
74. Is there a CSS parent selector?
75. CSS to make HTML page footer stay at bottom of the page with a minimum height, but not overlap the page
76. Vertically align text within a div
77. How to align a
    to the middle (horizontally/width) of the page [duplicate]
78. Animate the overflow property
79. Is there a color code for transparent in HTML?
80. multiple classes on single element html
81. CSS opacity only to background color, not the text on it?
82. How do I center floated elements?
83. create a white rgba / CSS3
84. Using CSS for a fade-in effect on page load
85. Gradient borders
86. Superscript in CSS only?
87. What is WebKit and how is it related to CSS?
88. What’s the difference between display:inline-flex and display:flex?
89. Making an iframe responsive
90. How can I invert color using CSS?
91. How to insert spaces/tabs in text using HTML/CSS
92. font-family is inherit. How to find out the font-family in chrome developer pane?
93. How to get these two divs side-by-side?
94. How can I vertically center a “div” element for all browsers using CSS?
95. What does auto do in margin: 0 auto?
96. Does bootstrap have builtin padding and margin classes?
97. How to change the color of an svg element?
98. Changing spacing between paragraphs and inside of paragraphs
99. Is there a color code for transparent in HTML?
100. How to vertically align an image inside a div