Inhalt: Open-Quote wird als einfaches Zitat angezeigt

Question

Ich benutze Inhalt: Open-Quote und das erste Mal, wenn ich es benutze, sieht es gut aus, aber das zweite Mal ist es ein einziges Zitat und das ist nicht was ich will . Hier ist eine Frage, die das Problem zeigt.

https://jsfiddle.net/rx3nu2hv/

HTML

<div class="row-fluid"> 
     <div class="col-sm-6 col-md-6"> 
      <div class='testimonial'> 
      <blockquote><p>John doe provides an excellent service in a record time. We needed him to design a mobile compatible website and he was able to complete the job earleir than we had anticipated and with higher quality than you would expect from most.</p></blockquote> 
       <div class='testimonial-left'> 
        <p>Jane Doe</p> 
        <p>Software Developer</p> 
       </div> 
      </div> 
     </div> 
     <div class="col-sm-6 col-md-6"> 
      <div class='testimonial'> 
      <blockquote><p>John Doe provides an excellent service in a record time. We needed him to design a mobile compatible website and he was able to complete the job earleir than we had anticipated and with higher quality than you would expect from most.</p></blockquote> 
       <div class='testimonial-left'> 
        <p>Jane Doe</p> 
        <p>Software Developer</p> 
       </div> 
      </div> 
     </div> 
    </div><!--/row-fluid--> 

CSS

.testimonial blockquote 
{ 

    background: #f9f9f9; 
    border-left: 10px solid #ccc; 
    margin: 1.5em 10px; 
    padding: 0.5em 10px; 
    quotes: "\201C""\201D""\2018""\2019"; 

} 

.testimonial blockquote:before { 
    color: #ccc; 
    content: open-quote; 
    font-size: 4em; 
    line-height: 0.1em; 
    vertical-align: -0.4em; 
} 

.testimonial-left 
{ 
float:left; 
margin-left:10%; 
} 

Answer 1

Sie setzen nie close-quote-blockquote:after.

Wie in normalen Sätzen werden einfache Anführungszeichen in Anführungszeichen verwendet!

.testimonial blockquote:after { 
    content: close-quote; 
    color: #ccc; 
    font-size: 4em; 
    line-height: 0.1em; 
    vertical-align: -0.4em; 
} 

Updated Fiddle

Answer 2

Weil Sie müssen vor dem Öffnen eines weiteren doppelten doppelte Anführungszeichen schließen. Wenn Sie es nicht schließen, wird ein einfaches Zitat angezeigt, wobei das zweite Zitat als Teil des ersten berücksichtigt wird. Sie müssen also ein ". Testimonial Block zitieren: nach" und schließen Sie es. Andernfalls müssen Sie es in Illustrator oder Photoshop stecken und es als Datei exportieren, dann können Sie es platzieren, wo Sie möchten. Hoffe es hilft. Cheers