CSS for targeting variable id name
<p>I am using WordPress and have a slideshow from my Smugmug site. </p>

<p>The slideshow shows a cookie notification that I wish to hide. The problem is that the <code>id</code> attribute is random, except for the first and last characters (starting with <code>yui_</code> and with <code>_32</code> at the end. The Class is constant but using it makes no difference to the display of the Cookie Warning. There is some dynamically loaded javascript that runs as part of the embedded slideshow as well. I don't know if that makes a difference to the ability of local CSS to modify the code.</p>

<p><strong>HTML:</strong></p>

<pre><code>&lt;div class="sm-eu-cookie-message" id="yui_3_8_0_1_1478749888956_32"&gt; = $0
            “ FYI: This site uses cookies to make sure your visit is as awesome as possible.  “
           &lt;a class"headermessagelink"="" target="_blank" href="http://help.smugmug.com/customer/portal/articles/93251"&gt;What and why?&lt;/a&gt;
      &lt;div class="sm-eu-cookie-close"&gt;
      &lt;button type="button" class="sm-button sm-button-size-small sm-button-skin-default sm-button-nochrome"&gt;
      &lt;span class="sm-fonticon sm-button-fonticon sm-fonticon-small sm-fonticon-XCross"&gt;&lt;/span&gt;
      &lt;/button&gt;
&lt;/div&gt;
&lt;/div&gt;
</code></pre>

<hr>

<p>I have spent hours trying to search for an answer without success.</p>

<p>How can I hide the entire <code>&lt;div&gt;</code> element using CSS?</p>

<p>EDIT: I should have mentioned that I have no control over the server from which the embedded code is served and most of the coed above is dynamically generated when the page loads. I can only edit the local CSS on my Wordpress theme and the theme CSS on my Smugmug hosted galleries (but I don't think that affects the slideshow that is shown on external embeds).
The site is <a href="https://light/touch.photography/" rel="nofollow noreferrer">https://light/touch.photography/</a> if you want to see the page code as presented to the user.</p>