title: Removing a select class
body: <p>My problem is the following: i am parsing or scraping or something of the sort a dictionary to use its output as my input (I show the definition, in other words). In this output, several classes are included. There is one class, the class f, which includes the term defined, and a dot following it. This dot disturbes me and I wish to erase it. </p>
  
  <p><img src="https://i.stack.imgur.com/zPGhn.png" alt="enter image description here"></p>
  
  <pre><code>&lt;p class="p"&gt;
  
  &lt;a href="search?id=D536ScxxE2x5wsXG0ez" target="_self"&gt;&lt;img align="right" alt="Ver artículo enmendado" border="0" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAH0AAAAZBAMAAADuyzxaAAAAElBMVEWEAgT8/vz8QkT8AgS8AgT8enxcJRi+AAAA0klEQVQ4y82SwQ3DMAhFOWQBxAJVqwyAWCCHjJDuv0r5OImR2hxqLkEWXxAeBis0vyu20LOCb85XBlidLwywBT8+wBr8y0btNrweGWmifIWwdN/5vVzOPpe8SveJl3z737x6zMJuoq7CzqOlQlhZkRGoQqz5xBty3sULw1kgFoAHbpFEs34S70UeN9QSz2ez6NOwb17sgu8Bypsq/+CB7nyevwf+zfLwmde2ItZgjbGx6fl+sbzE+2GN49zp/y3xNGwT+Mc4T+ALOE0LVa4nWqhoH2NuCULPEni8AAAAAElFTkSuQmCC"&gt;&lt;/a&gt;
  
  &lt;span class="f"&gt;
  
  &lt;b&gt;gas&lt;/b&gt;
  
  &lt;/span&gt;
  
  &lt;span class="f"&gt;
  
  &lt;b&gt;.&lt;/b&gt;
  
  &lt;/span&gt;
  
  &lt;/p&gt;
  </code></pre>
  
  <p>Mind you guys that i am using php thoroughly, so in case you need it, here it goes:</p>
  
  <pre><code>&lt;?php
      $word = $_REQUEST['word'];
  
  
      $url = "http://lema.rae.es/drae/srv/search?val={$word}";
  
      $css = &lt;&lt;&lt;EOT
  
      &lt;style type="text/css"&gt;
  
      .f /* I GUESS THE PROBLEM IS OVER HERE. I CANT VISIBILITY HIDE F BECAUSE THAT WOULD HIDE "GAS", APART FROM "." */
         {
           margin-left:50px;
           font-size: 200%;
           color: #ffe200;
           font-family: 'brannboll_fetregular';
  
         }
  
      &lt;/style&gt;
  EOT;
  
  $data = file_get_contents($url);
  $data = str_replace('&lt;/head&gt;', $css.'&lt;/head&gt;', $data);
  echo '&lt;div id="result1"
    style="
    top: 77%;
    left: 55%;
    overflow:scroll; 
    width:400px; 
    height:300px;
    border: 1px solid #000000;
    border-radius: 15px;
    background-opacity: 0.5;
    background: #047C8F;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    box-shadow: inset 0px 3px 13px #000000;
    -moz-box-shadow:
                 0px 3px 13px rgba(000,000,000,0.5),
                 inset 0px 0px 13px rgba(0,0,0,1);
    -webkit-box-shadow:
                 0px 3px 13px rgba(000,000,000,0.5),
                 inset 0px 0px 13px rgba(0,0,0,1);
   "&gt;
   '.$data.' 
   &lt;/div&gt;';
      ?&gt;
  </code></pre>