title: How to set unique style to tool tip attribute?
body: <p>I have tool tip attribute in my table, I want to set width to this attribute related to my column width, so I have different size tool tips. I have different column widths and I want to set width to the tool tip based on my column width, I mean how can I access data-md-tooptip attribute (tool tip element) through JavaScript and ad style like <code>document.querySelector([data-md-tooltip]).style.width = "000px"</code></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>[data-md-tooltip] {
    position: relative;
  }
  
  [data-md-tooltip]:before {
    content: attr(data-md-tooltip);
    position: absolute;
    
    /*width: 360px;*/
    top: 95%;
    left: 50%;
    padding: 8px;
    transform: translateX(-50%) scale(0);
    transition: transform 0.2s ease-in-out;
    transform-origin: top;
    background: #232F34;
    color: white;
    border-radius: 2px;
    font-size: 12px;
    font-family: Roboto, sans-serif;
    font-weight: 400;
    z-index: 2;
  }
  
  [data-md-tooltip]:hover:before {
    transform: translateX(-50%) scale(1);
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;td class="mdc-data-table__cell" data-md-tooltip="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since,Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since"&gt;
    &lt;div class="long-text"&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been      the industry's standard dummy text ever since,Lorem Ipsum is simply dummy text of the printing and typesetting          industry. Lorem Ipsum has been the industry's standard dummy text ever since
    &lt;/div&gt;
  &lt;/td&gt;
  &lt;hr&gt;
  &lt;!-- Here I want different tool tip width --&gt;
  &lt;td class="mdc-data-table__cell" data-md-tooltip="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since,Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since"&gt;
    &lt;div class="long-text"&gt;Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been      the industry's standard dummy text ever since,L
    &lt;/div&gt;
  &lt;/td&gt;</code></pre>
  </div>
  </div>
  </p>