title: How to get the CSS of a class in a code compiled with vue-cli with JavaScript?
body: <p>I need to get the CSS code that corresponds to each class of a code in HTML.
  The HTML code is as follows:</p>
  <pre><code>&lt;div data-v-52a38b90=&quot;&quot; class=&quot;flex-column align-center pa-0 col&quot;&gt;
      &lt;div data-v-52a38b90=&quot;&quot; class=&quot;row flex-row-reverse align-center ma-0&quot;&gt;
          &lt;button data-v-52a38b90=&quot;&quot; type=&quot;button&quot; class=&quot;ml-auto mr-6 my-4 v-btn v-btn--icon v-btn--round theme--light v-size--default red--text&quot;&gt;
              &lt;span class=&quot;v-btn__content&quot;&gt;&lt;i data-v-52a38b90=&quot;&quot; aria-hidden=&quot;true&quot; class=&quot;v-icon notranslate mdi mdi-close theme--light&quot;&gt;&lt;/i&gt;&lt;/span&gt;
          &lt;/button&gt;
          &lt;div data-v-52a38b90=&quot;&quot; class=&quot;v-card__title ml-7&quot;&gt;Titulo&lt;/div&gt;
      &lt;/div&gt;
      &lt;div data-v-52a38b90=&quot;&quot; class=&quot;row d-flex align-center ma-0&quot;&gt;
          &lt;div data-v-52a38b90=&quot;&quot; class=&quot;mx-auto my-0 v-card v-sheet theme--light&quot; style=&quot;height: 610px; width: 450px; background-color: rgb(221, 221, 221); border-color: rgb(221, 221, 221);&quot;&gt;
              &lt;div data-v-52a38b90=&quot;&quot; class=&quot;v-card__text&quot;&gt;
                  &lt;div data-v-52a38b90=&quot;&quot; id=&quot;virtual_scroll&quot;&gt;&lt;div data-v-52a38b90=&quot;&quot; class=&quot;d-flex flex-column&quot;&gt;&lt;/div&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div data-v-52a38b90=&quot;&quot; class=&quot;row d-flex mx-auto my-0&quot; style=&quot;width: 450px;&quot;&gt;
          &lt;div data-v-52a38b90=&quot;&quot; class=&quot;v-input ma-0 v-input--hide-details theme--light v-text-field v-text-field--single-line v-text-field--solo v-text-field--is-booted v-text-field--enclosed&quot;&gt;
              &lt;div class=&quot;v-input__control&quot;&gt;
                  &lt;div class=&quot;v-input__slot&quot;&gt;
                      &lt;div class=&quot;v-text-field__slot&quot;&gt;&lt;input id=&quot;input-43&quot; type=&quot;text&quot; /&gt;&lt;/div&gt;
                      &lt;div class=&quot;v-input__append-inner&quot;&gt;
                          &lt;button data-v-52a38b90=&quot;&quot; type=&quot;button&quot; class=&quot;v-btn v-btn--icon v-btn--round theme--light v-size--default&quot;&gt;
                              &lt;span class=&quot;v-btn__content&quot;&gt;&lt;i data-v-52a38b90=&quot;&quot; aria-hidden=&quot;true&quot; class=&quot;v-icon notranslate mdi mdi-send theme--light&quot;&gt;&lt;/i&gt;&lt;/span&gt;
                          &lt;/button&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>I need to get the CSS properties of each class using JavaScript (better without Jquery).</p>
  <p>For example, I need to get the CSS properties of flex-column, align-center, pa-0 and col using JavaScript.</p>
  <p>I have already used window.getComputedStyle (), but I don't want to get all the CSS properties, I only need those corresponding to each class, and then create a CSS file classifying the properties according to their class.</p>
  <p>As additional information, the HTML code was generated by vue-cli and the Material Design Vuetify library.</p>