css-關於用jquery 修改CSS

關於用jquery 修改CSS

有CSS代碼如下

path[data-classbreak="classbreak0"] {
    stroke: rgb(255, 245, 220); 
            stroke-width: 1pt; 
        stroke-opacity: 0.35; 
            fill:   #00008B;
            fill-opacity: 0.8;
        }

        path[data-classbreak="classbreak1"] {
        stroke: rgb(255 ,140 ,0); 
        stroke-width: 1pt; 
        stroke-opacity: 0.35; 
            fill: #1E90FF;
            fill-opacity: 0.8;
        }

        path[data-classbreak="classbreak3"] {
        stroke: rgb(255, 245, 220); 
            stroke-width: 1pt; 
        stroke-opacity: 0.35; 
            fill:   #00008B;
            fill-opacity: 0.8;
        }

            現在需要在一個回調函數中用jquery動態地修改特定類別的屬性值，但是不知道如何選中該類別，比如如何修改 path[data-classbreak="classbreak3"]中的fill屬性？
            另外，這個CSS復制於其它地方，求問 path[data-classbreak="classbreak3"]這種寫法中，data-classbreak應該是個屬性名，classbreak3是個屬性值，那麼外面的path[]是什麼意思？   謝謝！

最佳回答：

其實在所有樣式中，能夠作用於一個元素上的樣式的相同屬性，最終只有排在最後的一個有效。而在沒有規定重要級別的情況下，
內聯樣式將是最終作用的，就是傳說中寫在元素style屬性內部的css樣式。
你可以嘗試下面的方案，通過jquery去獲取相應的元素，從而改變它的指定屬性，如你所說的fill.

 $(".class名稱[元素屬性='屬性值']").css("樣式屬性", "樣式屬性值");
 舉例：
 $(".path[data-classbreak='classbreak3']").css("fill", "#CCC");

理解起來也很簡單，包含有path class 並且元素屬性data-classbreak值為classbreak3的元素。