title: Is there a convertor that can convert a whole html code to only its elements(tree) so i can use it for scss
body: <p>Is there any converter that can convert a whole HTML page to only its elements so I can apply sass on it?
  I have also written the CSS code for the HTML in case someone has an idea on how I can do this faster.</p>
  <p><strong>Example</strong>
  <strong>THIS</strong></p>
  
                          
  <pre><code>                        &lt;div class=&quot;col-md-6&quot;&gt;
                              &lt;div class=&quot;card-body&quot;&gt;
                                  &lt;h5 class=&quot;card-title&quot;&gt;Yeezy Shoets&lt;/h5&gt;
                                  &lt;p class=&quot;card-text&quot;&gt;From from 1400 until 1700, both courtesans and noble ladies wore chopines in her totower over others. During the Renaissance, chopines were a item for women, and they grew
                                      in height;&lt;/p&gt;
                                  &lt;h3 class=&quot;text-start&quot;&gt;2020&lt;/h3&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div class=&quot;col-md-6&quot;&gt;
                              &lt;img src=&quot;assets/1.png&quot; class=&quot;img-fluid&quot; alt=&quot;...&quot;&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>
  <p><strong>TO</strong></p>
  
                          
  <pre><code>                        &lt;div&gt;
                              &lt;div&gt;
                                  &lt;h5&gt;&lt;/h5&gt;
                                  &lt;p&gt;&lt;/p&gt;
                                  &lt;h3&gt;&lt;/h3&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                          &lt;div &gt;
                              &lt;img &gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
  </code></pre>