当“->”在第二行时，引号不匹配

Question

我为引导弹出框编写数据内容，我想保留格式中的换行符。所以我用了

.popover {
    white-space: pre-wrap;  
     max-width: 100%;  
}

但我一在第二行写上“->”就会收到警告。

没关系

<div class="panel panel-primary">
        <div class="panel-heading panel-head">Factors selection<a href="#" data-placement="left" data-toggle="popover" title="Info" 
             data-content='Select desired pair of factors. 
             Selection goes in this direction: XGroup YGroup, XFactor, YFactor' style="float:right" data-trigger="hover"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a></div>
        <div class="panel-body">

没关系

<div class="panel panel-primary">
        <div class="panel-heading panel-head">Factors selection<a href="#" data-placement="left" data-toggle="popover" title="Info" 
             data-content='Select desired pair of factors.-> 
             Selection goes in this direction: XGroup YGroup, XFactor, YFactor' style="float:right" data-trigger="hover"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a></div>
        <div class="panel-body">   

警告，引号不匹配

<div class="panel panel-primary">
        <div class="panel-heading panel-head">Factors selection<a href="#" data-placement="left" data-toggle="popover" title="Info" 
             data-content='Select desired pair of factors. 
             ->Selection goes in this direction: XGroup YGroup, XFactor, YFactor' style="float:right" data-trigger="hover"><span class="glyphicon glyphicon-info-sign" aria-hidden="true"></span></a></div>
        <div class="panel-body">

Answer 1

'->' 会导致错误，因为它本身通常意味着注释的结束，因为'