2012-05-21 54 views
0

我已經連續數小時嘗試並未能完成這項工作。 我有一些像這樣的代碼:如何使用CSS定位課程中的課程?

<h1 class="title ">MasterClass Lessons</h1> 
<div class="view view-uc-products view-id-uc_products view-display-id-page_4 3col-grid view-dom-id-1"> 
    <div class="view-content"> 
    <table class="views-view-grid"> 
     <tbody> 
     <tr class="row-1 row-first"> 
      <td class="col-1"><div class="panel-display panel-1col clear-block" > 
      <div class="panel-panel panel-col"> 
       <div> 
       <div class="views-field-field-image-cache-fid"> 
        <div class="field-content"> 
        <a href="/content/gold-pass-all-lessons"> 
        <a href="/content/gold-pass-all-lessons"></a> 
        </div> 
       </div> 
       <div class="views-field-title"> 
        <span class="field-content"><a href="/content/gold-pass-all-lessons">GOLD PASS - ALL LESSONS!</a></span> 
       </div> 

我想指定的類「的觀點場,標題爲」具有樣式表,但我只想要應用樣式時,它的「3col網的一個子類「這是在上面幾個級別的div中指定的。 Drupal的讓我指定我自己的類名(我用3col網)這個CSS定位的特定目的,但是當我做了以下...

<style> 
.3col-grid .views-field-title { 
font-weight:bold; 
} 
</style> 

它不工作。

我也試過

.3col-grid>.views-field-title 

.3col-grid * .views-field-title 

.3col-grid*.views-field-title 

我相信一定有辦法讓它工作,我敢肯定,這非常簡單。

任何能告訴我這是什麼的人都會讓我成爲一個快樂的人。

謝謝, 喬

回答

10

你的HTML是無效的。
CSS classnames不能以數字開頭。

一旦你解決這個問題,你可以使用後代選擇:

.OuterClass .InnerClass 
+0

謝謝!我知道這很簡單。這是在凌晨4點編碼導致:) – user1406987