Question

我尝试使用此HTML标记为部分内容应用样式：

<li class="views-row views-row-9 views-row-odd tid-106
">  
<span><a href="/fiche/bac-pro-csr">BAC Pro Commercialisation et services en restauration - CSR</a>
<br><span class="complement">
 Bac Pro CSR avec Restaurant d'application (Section Européenne)
  </span><br> 
Section Européenne 
</span>
  </li>

我只想要样式“节Européenne”文本，并从span.complement中排除内容，所以我尝试这不适用于sass：

 li{
                  &:not(img):not(a):not(.complement){
                        font-weight: bold;
                        /*-webkit-text-stroke:em(1px) $gris-anthracite;//Contour de texte*/
                    }
                    &:matches(.complement){
                        font-weight: initial;
                    }}

有可能这样做吗？是否可以通过以下方式排除范围的跨度子项：<？p>

这样的东西？

              &:not(img):not(a):not(>span.complement){}

感谢

Answer 1

你需要做这样的事情，因为跨度在另一个范围内：

li span {
  font-weight:bold;
}
li span.complement {
  font-weight:initial; /*we revert back the inherited style*/
}

<li class="views-row views-row-9 views-row-odd tid-106">
  <span><a href="/fiche/bac-pro-csr">BAC Pro Commercialisation et services en restauration - CSR</a>
<br>
<span class="complement">
 Bac Pro CSR avec Restaurant d'application (Section Européenne)
 </span>
 <br> Section Européenne
  </span>
</li>

排除孩子的造型：不

1 个答案: