亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

document.querySelectorAll('body[direction="rtl"]

document.querySelectorAll('body[direction="rtl"]

冉冉說 2023-08-24 18:17:19
我正在嘗試確定頁面是否使用方向rtl還是ltr,我通過樣式標簽設置屬性(在模板引擎中使用條件服務器端)示例https://jsfiddle.net/ud2f6hre/3/<body></body><style>body {  direction:rtl;}body[direction="rtl"] td{  color:blue;}td {color:green;}</style><table><tr>  <td>ABC</td> <td>ABCDEF</td></tr></table><input type="button" onclick="test()" value="Test"/><script>function test(){console.log(document.querySelectorAll('body[direction="rtl"] td'))}</script>為什么 document.querySelectorAll('body[direction="rtl"] td')返回一個空的 NodeList?您還可以看到第二個 css 選擇器不會將顏色更改為藍色
查看完整描述

1 回答

?
波斯汪

TA貢獻1811條經驗 獲得超4個贊

屬性選擇器根據元素的屬性而不是應用于它們的樣式來選擇元素。

<body direction="rtl">你的HTML 中沒有。選擇器不匹配。

類似的限制也適用于:dir()偽類:

:dir() 偽類僅使用方向性的語義值,即文檔本身中定義的值。它不考慮樣式方向性,即由 CSS 屬性(例如方向)設置的方向性。



查看完整回答
反對 回復 2023-08-24
  • 1 回答
  • 0 關注
  • 166 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號