如何從Dreamweaver的代碼視圖跳轉到.css文件中的CSS類/ ID？

這是情況。我在Dreamweaver中工作。比方說，我有5個不同的.css文件，其中包含各種類和ID。假設我在代碼視圖（它基本上只是一個文本編輯器）中編輯index.html。然後讓我們說我在代碼中找到了一個我想查看代碼的CSS類。或者換句話說，我想在它的.css頁面中「跳轉到」或「進入」該類的聲明。如何從Dreamweaver的代碼視圖跳轉到.css文件中的CSS類/ ID？

有沒有辦法在Dreamweaver中做到這一點？現在在代碼視圖中看到類名是非常煩人的，然後必須單擊每個.css頁，然後手動搜索該類以找出它所在的位置以便對其進行編輯。

我也對其他類似於Dreamweaver的軟件包開放，這使得這更容易。

謝謝！

來源

2013-01-02 natsturner

Alt +單擊該類打開「代碼導航器」彈出窗口。在那裏您可以看到應用於點擊元素的樣式。點擊彈出窗口中的選擇器，打開你想調查的選擇器的css源文件。

另一種方法是單擊帶有ID或類的元素，然後按Shift + F11。這將打開「CSS樣式」窗口。在「選擇摘要」標題下有一系列規則。

來源

2013-01-02 19:19:24 Sotiris

謝謝。不過出於某種原因，它總是隻顯示ID與我選擇的內容相關聯，而不是類。它也只顯示ID來自global.css（主要的.css文件和5個.css文件中的1個）。有任何想法嗎？ – natsturner

與我上面的第二個問題相關，可能是因爲我從global.css嵌套了其他4個.css文件，因此index.html只有一個css文件引用（對global.css）。也許dreamweaver中的index.html頁面在代碼導航器中不知道其他四個頁面 – natsturner

@natsturner我不知道DW是否能夠從另一個CSS顯示導入的CSS文件的CSS。 – Sotiris

如何從Dreamweaver的代碼視圖跳轉到.css文件中的CSS類/ ID？

回答

相關問題