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

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

使用CSS選擇文本節點

使用CSS選擇文本節點

慕婉清6462132 2020-02-01 17:20:15
我有以下HTML標記:<h1>      <div class="sponsor">           <span>Hello</span>       </div>      World </h1>當我使用CSS選擇器時,h1我得到了Hello World。是否有我只能接受文本節點的CSS選擇器?具體World在這個例子中?編輯:不幸的是,我不能更改標記,而只能使用CSS選擇器,因為我使用的是聚合rss feed的系統。
查看完整描述

3 回答

?
HUH函數

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

CSS的當前狀態無法執行此操作,請檢查以下鏈接:W3C


這里的問題是您寫入屏幕的內容沒有顯示在DOM:P中。


也::outside似乎還行不通(至少在Safari 6.0.3中對我來說),或者它根本還沒有產生預期的結果。


檢查我的小提琴,然后檢查DOM源:JSfiddle


最后是屬性選擇器a { content: attr(href);},使CSS能夠讀取DOM節點屬性。似乎還沒有innerHTML類似的東西。如果可能的話,那將是很好的選擇,而您也許可以操縱標簽的內部標記。


查看完整回答
反對 回復 2020-02-01
?
絕地無雙

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

這幾乎與我上周提出的問題相反:可以在不使用純CSS的類或標識符的情況下,選擇容器內的第一個元素(否則為純文本)嗎?


最簡潔的答案是不。"World"在此示例中,它不是其自身的元素-因此無法選擇它。


您在這里要做的是設置樣式,h1然后使用覆蓋樣式div.sponsor。例如,如果您希望此處的“世界”具有黑色背景和白色文本,則可以使用類似以下內容的東西:


h1 {

    background:black;

    color:white;

}


h1 div.sponsor {

    background:white;

    color:black;

}

不幸的是,但是,如果您只想要設置“ World”一詞的樣式,并且您的標記不僅僅包含<div>Hello</div> World Foo諸如之內的標記,那么這將是行不通的。


我認為在這種情況下,純CSS不可能僅將 “ World”設置為樣式。


查看完整回答
反對 回復 2020-02-01
?
Cats萌萌

TA貢獻1805條經驗 獲得超9個贊

解決方法:


h1 {

  color: red;

}

h1 * {

  color: lime;

}

<h1> 

     <div class="sponsor"> 

          <span>Hello</span>  

     </div> 

     World 

</h1>


查看完整回答
反對 回復 2020-02-01
  • 3 回答
  • 0 關注
  • 1401 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

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

公眾號

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