「Twitter」の版間の差分

264行目:

article[data-testid="tweet"] > div > div > div.css-1dbjc4n.r-18u37iz > div.css-1dbjc4n.r-1iusvr4.r-16y2uox.r-1777fci.r-kzbkwu > div.css-1dbjc4n.r-1ssbvtb.r-1s2bzr4 > div.r-9aw3ui > div > div > div,*/

article[data-testid="tweet"] > div > div > div.css-1dbjc4n.r-18u37iz > div.css-1dbjc4n.r-1iusvr4.r-16y2uox.r-1777fci.r-kzbkwu > div.css-1dbjc4n.r-1ssbvtb.r-1s2bzr4 > div.r-9aw3ui > div > div > div > div,/*再生時の動画コンテンツ。サムネイル状態だとうまく適用外になってくれる*/

/*上2つはおそらくもう機能していないので下を追加*/

/*article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div:has(> div> div > div > div > div > div > div > a > div > div[data-testid="tweetPhoto"]),/*引用ツイート内複数画像*/

/*article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div:has(> div > a > div > div[data-testid="tweetPhoto"]),/*引用ツイート内複数画像（少なめ）*/

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div:has(> div > div > a > div > div > div[data-testid="tweetPhoto"]),/*引用画像*/

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div:has(> div > div > a > div > div > div[data-testid="tweetPhoto"]),/*画像*/

aaadiv:has(> div> div> div[data-testid="previewInterstitial"]),/*四角い動画（・画像？）*/

div[data-testid="testCondensedMedia"] > div > div,/*複数枚入ってるものは直後のスタイルで上書きされる*/

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div:has(> div > div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"]),/*動画*/

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div:has(> div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"]),/*動画（内側も）*/

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div > div:has(> div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"]),/*引用動画*/

/*引用ツイート画像・動画。しかし一行下のもののほうが動画を再生時のみ枠に収めて最大化ボタンを押せるようにできるので、こちらは不要そう。

271行目:

292行目:

/*以下2つは、それぞれの子要素のdivに適用するよりこのほうがうまくいった*/

div[data-testid="card.wrapper"] > div[data-testid="card.layoutLarge.media"] > a,/*埋め込み記事の画像*/

div[data-testid="card.wrapper"]:has( > div[data-testid="card.layoutLarge.media"] > a),/*埋め込み記事の画像*/

div[data-testid="card.wrapper"] > div[data-testid="card.layoutLarge.media"] > div/*埋め込み記事の動画。サイトによっては画像も引っかかる？*/

{

279行目:

301行目:

}

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div:has(> div > div > div > div > div > a > div > div[data-testid="tweetPhoto"]),/*複数画像（2枚）*/

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div:has(> div > div> div > div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"]),/*複数動画（2枚）*/

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div:has(> div > div > div> div > div > a > div > div[data-testid="tweetPhoto"]),/*引用ツイート内複数画像（2枚）*/

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div > div:has(> div > div> div > div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"])/*引用ツイート内複数動画（2枚）*/

{

max-height: 200px;

max-width: 1000px;

justify-content: center;

overflow:hidden;

}

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div:has(> div > div > div > div > div > div > a > div > div[data-testid="tweetPhoto"]),/*複数画像（3, 4枚）*/

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div:has(> div > div> div > div > div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"]),/*複数動画（3, 4枚）*/

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div> div> div:has( > div > div > div > div> div > div> a > div > div[data-testid="tweetPhoto"]),/*引用ツイート内複数画像（3, 4枚）*/

article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div > div:has(> div > div> div > div > div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"])/*引用ツイート内複数動画（3, 4枚）*/

{

max-height: 400px;

max-width: 1000px;

justify-content: center;

overflow:hidden;

}

/*画像の余白の色を枠線と合わせる*/

div[data-testid="card.wrapper"] > div[data-testid="card.layoutLarge.media"],

389行目:

432行目:

padding-bottom: 0px;

}</syntaxhighlight>

}

</syntaxhighlight>

[[Category:IT]]{{#seo:|title={{FULLPAGENAME}} - Turgenev's Wiki}}

@@ 264行目: / 264行目: @@
 article[data-testid="tweet"] > div > div > div.css-1dbjc4n.r-18u37iz > div.css-1dbjc4n.r-1iusvr4.r-16y2uox.r-1777fci.r-kzbkwu > div.css-1dbjc4n.r-1ssbvtb.r-1s2bzr4 > div.r-9aw3ui > div > div > div,*/
 article[data-testid="tweet"] > div > div > div.css-1dbjc4n.r-18u37iz > div.css-1dbjc4n.r-1iusvr4.r-16y2uox.r-1777fci.r-kzbkwu > div.css-1dbjc4n.r-1ssbvtb.r-1s2bzr4 > div.r-9aw3ui > div > div > div > div,/*再生時の動画コンテンツ。サムネイル状態だとうまく適用外になってくれる*/
+/*上2つはおそらくもう機能していないので下を追加*/
+/*article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div:has(> div> div > div > div > div > div > div > a > div > div[data-testid="tweetPhoto"]),/*引用ツイート内複数画像*/
+/*article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div > div:has(> div > a > div > div[data-testid="tweetPhoto"]),/*引用ツイート内複数画像（少なめ）*/
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div:has(> div > div > a > div > div > div[data-testid="tweetPhoto"]),/*引用画像*/
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div:has(> div > div > a > div > div > div[data-testid="tweetPhoto"]),/*画像*/
+aaadiv:has(> div> div> div[data-testid="previewInterstitial"]),/*四角い動画（・画像？）*/
+div[data-testid="testCondensedMedia"] > div > div,/*複数枚入ってるものは直後のスタイルで上書きされる*/
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div:has(> div > div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"]),/*動画*/
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div:has(> div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"]),/*動画（内側も）*/
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div > div:has(> div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"]),/*引用動画*/
 /*引用ツイート画像・動画。しかし一行下のもののほうが動画を再生時のみ枠に収めて最大化ボタンを押せるようにできるので、こちらは不要そう。
@@ 271行目: / 292行目: @@
 /*以下2つは、それぞれの子要素のdivに適用するよりこのほうがうまくいった*/
 div[data-testid="card.wrapper"] > div[data-testid="card.layoutLarge.media"] > a,/*埋め込み記事の画像*/
+div[data-testid="card.wrapper"]:has( > div[data-testid="card.layoutLarge.media"] > a),/*埋め込み記事の画像*/
 div[data-testid="card.wrapper"] > div[data-testid="card.layoutLarge.media"] > div/*埋め込み記事の動画。サイトによっては画像も引っかかる？*/
 {
@@ 279行目: / 301行目: @@
 }
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div:has(> div > div > div > div > div > a > div > div[data-testid="tweetPhoto"]),/*複数画像（2枚）*/
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div:has(> div > div> div > div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"]),/*複数動画（2枚）*/
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div:has(> div > div > div> div > div > a > div > div[data-testid="tweetPhoto"]),/*引用ツイート内複数画像（2枚）*/
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div > div:has(> div > div> div > div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"])/*引用ツイート内複数動画（2枚）*/
+{
+    max-height: 200px;
+    max-width: 1000px;
+    justify-content: center;
+    overflow:hidden;
+}
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div:has(> div > div > div > div > div > div > a > div > div[data-testid="tweetPhoto"]),/*複数画像（3, 4枚）*/
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div:has(> div > div> div > div > div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"]),/*複数動画（3, 4枚）*/
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div> div> div:has( > div > div > div > div> div > div> a > div > div[data-testid="tweetPhoto"]),/*引用ツイート内複数画像（3, 4枚）*/
+article[data-testid="tweet"] > div > div > div > div > div > div > div > div > div > div > div > div:has(> div > div> div > div > div[data-testid="tweetPhoto"] > div > div > div > div[data-testid="placementTracking"] > div[data-testid="videoPlayer"])/*引用ツイート内複数動画（3, 4枚）*/
+{
+    max-height: 400px;
+    max-width: 1000px;
+    justify-content: center;
+    overflow:hidden;
+}
 /*画像の余白の色を枠線と合わせる*/
 div[data-testid="card.wrapper"] > div[data-testid="card.layoutLarge.media"],
@@ 389行目: / 432行目: @@
      padding-bottom: 0px;
-}</syntaxhighlight>
+}
+</syntaxhighlight>
 [[Category:IT]]{{#seo:|title={{FULLPAGENAME}} - Turgenev's Wiki}}