2017-01-25 3 views
-1

HTMLページを指定しましたが、htmlコードを変更することはできません(例:IDなどでHTML要素を拡張するなど)。 私は、既存の要素クラス、IDなどを使用してレイアウトを変更することのみが許可されています テキストプロパティを変更したい要素はクラス.requestStatusを持ち、テーブル呼び出しにありますが、これだけではありません要素で、このcssクラスを持ちます。 赤で囲まれた要素ではなく、緑で囲まれた要素のみを選択するにはどうすればよいですか?テーブルヘッドにない特定のクラスのhtmlテーブルセルを選択する方法

enter image description here

答えて

1

:ない(...)セレクターあなたが探しているものです:

CSS:

<style> 
    tr:not(tr>th) span.requestStatus { } 
</style> 

のjQuery:

var selected_objects = $("tr:not(tr>th) span.requestStatus"); 

各要素で実際に何をしようとしているのか、さらに詳細を述べると、追加の指示を加える方が簡単になります。

+0

trは、thではないので、ここでの:not()セレクタの使用は意味がありません。 (また、extended:not()構文は[ほとんどのブラウザではCSSではサポートされていません](http://stackoverflow.com/questions/35993727/not-selector-not-behaving-the-same-between-safari-and -chrome-firefox)) – BoltClock

+0

tr:not(tr> th)span.requestStatus {}が機能しませんでした。代わりに、td span.requeststatusは常にになっています。これはうまくいきましたtr.listRowOdd span.requestStatus {} – user615993

0

これを試してみてください:

td span.requestStatus{ 
    *Css Code;* 
} 

2)クラスを持つすべての要素requestStatus

td .requestStatus:not(img){ 
    *Css Code;* 
} 
img要素 を除い:

1)のみspan要素は、クラスrequestStatusを持っています

関連する問題