MozTW 討論區
https://forum.moztw.org/

不知大家用stylish時是如何找selector的
https://forum.moztw.org/viewtopic.php?f=11&t=16054
1 頁 (共 1 頁)

發表人:  Milx [ 2006-10-27, 21:21 ]
文章主題 :  不知大家用stylish時是如何找selector的

最近用adblock plus 和stylish來擋網頁中的廣告
發現效果非常的棒
但是要指定selector是非常麻煩的事情

不知道有沒有套件可以自動判別selector
判別出來的結果可以嚴格符合要修改的element
就像底下的語法



底下是隱藏無名小站廣告的樣式
代碼:
@namespace url(http://www.w3.org/1999/xhtml);

@-moz-document url("http://www.wretch.cc/") {
/*隱藏右側的廣告*/
  body > div#container1> div#container2 > div#main > div#links > ul#links2 > li.side_AD, li.side_AD2
  {
  display: none !important
  }
}

@-moz-document url-prefix("http://www.wretch.cc/album/") {
/*隱藏右側的廣告*/
  body > div#container1 > div#container2 > div#main1 > table#main2 > tbody > tr > td#links > div#links2 > div.side_AD {
      display: none !important;
  }
/*隱藏底部的廣告*/
  body > center ~ table {
      display: none !important;
  }
}

@-moz-document url-prefix("http://www.wretch.cc/album/show.php?i=") {
/*隱藏中間的廣告*/
  body#body_show > div > table:not(.show) > tbody > tr:first-child > td:not(.side) {
      display: none !important;
  }
  body#body_show > div > table > tbody > tr + tr > td[height="30"] {
      display: none !important;
  }
}

@-moz-document url-prefix("http://www.wretch.cc/guestbook/") {
/*隱藏頂部的廣告*/
  body > div:first-child > table > tbody > tr + tr {
    display: none !important
  }
/*隱藏底部的廣告*/
/*隱藏浮動的廣告*/
  body > div.main ~ table, div#ad_float {
    display: none !important
  }
}

@-moz-document url("http://www.wretch.cc/blog/") {
/*隱藏右側的廣告*/
  body > div#container1 > div#container2 > div#main1 > table#main2 > tbody > tr > td#links > div#links2 > div.side_AD {
      display: none !important;
  }
}

發表人:  yuoo2k [ 2006-10-27, 23:52 ]
文章主題 : 

Milx 寫:
最近用adblock plus 和stylish來擋網頁中的廣告
發現效果非常的棒
但是要指定selector是非常麻煩的事情

不知道有沒有套件可以自動判別selector
判別出來的結果可以嚴格符合要修改的element

像是 XPath Checker 這個?
    圖檔
    圖檔

發表人:  nio127 [ 2006-10-28, 01:23 ]
文章主題 : 

小弟是用InspectThis
快速用DOM Inspector找… :roll:

圖檔

發表人:  Milx [ 2006-10-28, 08:59 ]
文章主題 : 

yuoo2k 寫:
像是 XPath Checker 這個?
    圖檔
    圖檔


類似這個套件
但我想要的是直接秀出css selector的語法
可以直接用在樣式表中
有這種套件嗎

發表人:  qq0526 [ 2006-10-29, 21:07 ]
文章主題 : 

Milx 寫:
yuoo2k 寫:
像是 XPath Checker 這個?
    圖檔
    圖檔


類似這個套件
但我想要的是直接秀出css selector的語法
可以直接用在樣式表中
有這種套件嗎


CSSViewer

這個嗎?

發表人:  qq0526 [ 2006-10-29, 21:11 ]
文章主題 : 

Milx 寫:
yuoo2k 寫:
像是 XPath Checker 這個?
    圖檔
    圖檔


類似這個套件
但我想要的是直接秀出css selector的語法
可以直接用在樣式表中
有這種套件嗎


CSSViewer

這個嗎?

發表人:  qq0526 [ 2006-10-29, 21:15 ]
文章主題 :  這個嗎?

Milx 寫:
yuoo2k 寫:
像是 XPath Checker 這個?
    圖檔
    圖檔


類似這個套件
但我想要的是直接秀出css selector的語法
可以直接用在樣式表中
有這種套件嗎


CSSViewer

這個嗎?

發表人:  Milx [ 2006-10-29, 21:19 ]
文章主題 : 

qq0526 寫:
Milx 寫:
yuoo2k 寫:
像是 XPath Checker 這個?
    圖檔
    圖檔


類似這個套件
但我想要的是直接秀出css selector的語法
可以直接用在樣式表中
有這種套件嗎


CSSViewer

這個嗎?


不是耶
我想要的是點選要修改的物件後
會自動跑出selector的套件

發表人:  Nelson [ 2006-10-30, 00:24 ]
文章主題 : 

Milx 寫:
不是耶
我想要的是點選要修改的物件後
會自動跑出selector的套件

Web Developer 的 outline 功能,有一個 outline current element,會在狀態列顯示出來。

Fire Bug 也有個 Inspect 功能,可以馬上顯示該元件在程式碼的哪裡。

我是這兩者配合使用,在寫 Stylish 樣式時很好用。

1 頁 (共 1 頁) 所有顯示的時間為 UTC + 8 小時
Powered by phpBB® Forum Software © phpBB Group
https://www.phpbb.com/