CSS n個子選擇 - 風格

<a class="abc"> 
    <span class="def">foo</span> 
    bar 
    </a>

如何定位吧，使其大膽的 - 我不能給任何CSS類給它，試圖第n個孩子，但沒有工作 - 嘗試了第n個孩子是這樣的：但沒有不工作 - 在ff上測試。CSS n個子選擇 - 風格

abc a:nth-child(2) { 
text-weight:bold !important; 
}

可以不給.abc大膽和def正常嗎？ – Kubee

它的'.abc'不是'abc'，它的'font-weight'不是'text-weight'。 – BoltClock

這不是一個很好的方式來使用nth-child css你可以在我的例子中看到 –

你有問題的CSS規則。它寫成

.abc a:nth-child(2) { 
    font-weight:bold !important; 
    }

，並達到影響你想，改變你的CSS爲

a.abc { 
    font-weight:bold!important; 
    } 
.def{ 
    font-weight:normal!important; 
    }

2012-12-06 07:02:08 Rab

你有沒有試過這個？它不是在小提琴這裏工作http://jsfiddle.net/96e32/4/ – Usman

你的代碼工作正常只是爲'span'文本（即富），但在問題中，他試圖大膽的文本'酒吧'，而你的代碼不工作的文本'酒吧'，我更新你的小提琴在這裏http://jsfiddle.net/96e32/7 / – Usman

現在試試這個

.abc:nth-child(2) { 
font-weight:bold !important; 
}

2012-12-06 07:16:41

你可以做一個把戲來做到這一點。

.abc 
{ 
    font-weight:bold; 
} 
.def{ 

font-weight:normal; 
}

HTML

<a class="abc"> 
    <span class="def">foo</span> 
    bar 
</a>

入住這FIDDLE

2012-12-06 07:20:13 Usman

你必須把跨度怎麼把欄文本當您第n個孩子的CSS定位，你必須表現出相同的標籤我」已創建兩個示例檢查此小提琴http://jsfiddle.net/sarfarazdesigner/ShRnY/

並且還使用以下代碼

.abc :nth-child(2) { 
    font-weight:bold; 
} 

<a class="abc"> 
    <span class="def">foo</span> 
    <span>bar</span> 
    </a>

2012-12-06 07:46:29

回答