2017-09-14 1 views
0

を選んでCSSのカレンダーに2つの属性の私のようなテーブルを持っている場合:方法:ない

私はのように、利用可能日付を選択するにはどうすればよい
<td class="search-unit-custom-control-calendar-day search-unit-custom-control-calendar-day--not-this-month"> 
    <time class="search-unit-custom-control-calendar-day__number">--</time> 
</td> 

<td class="search-unit-custom-control-calendar-day search-unit-custom-control-calendar-day--unavailable"> 
    <time class="search-unit-custom-control-calendar-day__number">--</time> 
</td> 

<td class="search-unit-custom-control-calendar-day search-unit-custom-control-calendar-day"> 
    <time class="search-unit-custom-control-calendar-day__number">--</time> 
</td> 

<td class="search-unit-custom-control-calendar-day search-unit-custom-control-calendar-day"> 
    <time class="search-unit-custom-control-calendar-day__number">--</time> 
</td> 

<td class="search-unit-custom-control-calendar-day search-unit-custom-control-calendar-day"> 
    <time class="search-unit-custom-control-calendar-day__number">--</time> 
</td> 

`tbody.search-unit-custom-control-calendar__table__page tr td[class*=calendar-day-]:not([class*='unavailable'] && [class*='--not-this-month']))` 

私はそれがこれを使用しています助けてもらえますか?

答えて

0

&&を連結する代わりに、2番目の:not条件を追加するだけでよいと思います。このよう

tbody.search-unit-custom-control-calendar__table__page tr td[class*=calendar-day]:not([class*='unavailable']):not([class*='--not-this-month']) 

このfiddle

+0

これはうまくいきませんでした:not([class * = 'unavailable'])、:not([class * = ' - not-this-month'])これはどちらも動作していません – Laxmi

+0

@LaxmiMaddali seeフィドルが助けるならば – zgood

+0

私は何がフィドルか分かりません。あなたは助けてもらえますか – Laxmi

0

は、CSSセレクタが正しくない参照してください、親セレクタtd[class*=calendar-day-]は、クラス名の後に合成クラス(ノーダッシュを持っていないこと、すべてのtdを除外します)それは最後の4つのセルを除外しました。 this working exampleを見てください。

関連する問題