title: "ElementNotVisibleException" and "InvalidSelectorException: invalid selector: Compound class names not permitted" while trying to click on an element
body: <p>I am trying to automate the download of information from the company web-portals. I need to specify a custom date range (in other parts of the code).</p>
  
  <p>The page html is in the following format</p>
  
  <pre><code>&lt;div id="datePickerIconWrap" class="float_lang_base_2 datePickerIconWrap"&gt;&lt;span class="datePickerIcon"&gt;&amp;nbsp;&lt;/span&gt;&lt;/div&gt;
  </code></pre>
  
  <p>I have tried specifying the item by either <code>class_name</code> and <code>id</code>; but both fails</p>
  
  <pre><code>import os
  from selenium import webdriver
  from selenium.webdriver.common.keys import Keys
  url = '&lt;my url&gt;'
  
  driver = webdriver.Chrome("Y:/Users/admin/Documents/chromedriver.exe")
  driver.get(url)
  driver.find_element_by_id('datePickerIconWrap').click()    
  driver.find_element_by_class_name('float_lang_base_2 datePickerIconWrap').click()
  </code></pre>
  
  <p>I get the error message below for .find_element_by_id</p>
  
  <pre><code>ElementNotVisibleException: Message: element not visible
  </code></pre>
  
  <p>I get the error message below for .find_element_by_class</p>
  
  <pre><code>InvalidSelectorException: Message: invalid selector: Compound class names not permitted
  (Session info: chrome=68.0.3440.106)
  </code></pre>