需要使用css指定特定數量的字符

-1

我有一些頁面，我的僱主要求選項卡式頁面的標題中的一部分以斜體顯示部分標題，例如，從NewsNow到News Now（沒有空格）。問題是頁面是動態生成的，我需要添加一個CSS規則。是否有一個僞類/元素，我可以添加到CSS來做到這一點？這裏是用於創建標籤頁的模板：需要使用css指定特定數量的字符

{% block extracss %} 
<link rel="stylesheet" href="{% static 'css/jquery/jquery.ui.theme.css' %}"> 
<link rel="stylesheet" href="{% static 'css/jquery/jquery.ui.core.css' %}"> 
<link rel="stylesheet" href="{% static 'css/jquery/jquery.ui.tabs.css' %}"> 
{% endblock extracss %} 

{% block page_content %} 
<div id="tabs"> 
    <ul> 
    {% for tab_found in tabs_on_page %} 
     <li> 
      <a href="#tabs-{{ tab_found.order }}">{{ tab_found.title }}</a> 
     </li> 
    {% endfor %} 
    </ul> 
    {% for tab_found in tabs_on_page %} 
<div id="tabs-{{ tab_found.order }}"> 
    {{ tab_found.html_blob|safe }} 
</div> 
    {% endfor %} 
</div> 
    {% endblock %} 
    {% block extrajs %} 
<script src="/static/core/js/jquery/jquery-ui-1.10.0.custom.min.js"> 
</script> 
<script> 
    jQuery(document).ready(function(){jQuery("#tabs").tabs();}); 
</script> 
{% endblock extrajs %}

來源

2014-01-07 Mr.Syrax

不要期望CSS中的任何內容，使用jQuery或JavaScript –

您需要一個不存在的第n個字母選擇器 –

@AlexK。是的，比瀏覽器會哭求幫助，因爲人們會開始使用'nth-letter' [this]（http://stackoverflow.com/a/10429673/1542290）目的 –

恐怕沒有純CSS的方式來實現這一點。

如果你有機會到生成過程中，你可以添加<span>標籤周圍的每個部分，並使用span:nth-child(2)或span:nth-of-type(2)使第二部分斜體

http://jsfiddle.net/pa67G/1/

否則，你可能必須依靠JS解決方案如Alien先生在評論中提到的

**更新**

假設每部影片由兩個部分組成，每開始一個大寫字母，這應該是一個jQuery的解決方案：http://jsfiddle.net/pa67G/3/

它解析使用正則表達式([A-Z])([a-z]*)([A-Z])([a-z]*)每一個標題替換它通過<span>標籤包裹。

來源

2014-01-07 13:52:34

最大的障礙，我忘了提及，所有的html都是用Django生成的，我對此一無所知。設置它的人不再在這裏工作，所以我沒有辦法，至少我知道，將範圍添加到HTML。我是SOL？ –

你有沒有提到你在另一個答案（已刪除）的評論中使用jQuery UI選項卡？你有權訪問Django代碼嗎？也許你可以確定代碼片段並在這裏發佈 –

感謝您的代碼片段，但它看起來不會有幫助。我希望我的新更新能夠奏效。 –

需要使用css指定特定數量的字符

回答

相關問題