ｃｓｓセレクタ

Question

<td>
	<span class="pk"></span>
	<span></span>
	<span></span>
	<table></table>
</td>

という構造の時<span class="pk">←を基準に<table>にcssセレクタを当てる方法はありますか？

たとえば
「<span class="pk">と兄弟関係の<table>タグ」
「<span class="pk">から数えて４番目のタグ」
などなど・・

classや属性などは追加できない立場です・・

Answer 1

「span.pk以降にある弟要素のtable」という意味で、span.pk ~ tableというセレクタがあります。

間接セレクタ

Answer 2

「<span class="pk">から数えて４番目のタグ」

ならば

span.pk+*+*+* {
}

で表現できます。

Answer 3

タグにjQueryがありましたので。

$(".pk").find("table")
$(".pk").children("table")

.findの方は<pk>の中の要素にあるすべてのtable要素をセレクトします。
.childrenは、<pk>の直接の子要素にあるtable要素をセレクトします。
コード

Answer 4

見当違いの回答かもしれませんが、タグにjQueryがあるのでjQueryでの取得方法を紹介します。

$( "span.pk" ).next( "table" );

jQuery API【.next()】