div内のこの特定のCSSクラスを変更するには、日付ピッカーjquery-ui？カレンダーの日付ピッカーで

Question

は、私はこれは私がこのクラスのCSSクラスを変更したい

<div id="ui-datepicker-div" class="ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi-2 ui-datepicker-multi"> 

をDIVあります

ui-datepicker ui-widget ui-widget-content ui-helper-clearfix ui-corner-all ui-datepicker-multi-2 ui-datepicker-multi 

私はこのように使用されますが、それは動作しません。

.ui-datepicker .ui-widget .ui-widget-content .ui-helper-clearfix .ui-corner-all .ui-datepicker-multi .ui-datepicker-multi-2 { 

position: absolute; 
top: 38px; 
left: 44px; 
z-index: 1; 
display: block; 
width: 55em; 
} 

このクラスのCSSを変更するにはどうすればよいですか？私のCSSは間違っていますか？ 1つのスタイルが自動的にdivに追加されるため、このDIVに問題があります。 Inspect要素でチェックしたところ、要素がインラインであることがわかりましたが、要素はありません。それがCSSがそれに影響を与えない理由です、それを解決するには？ How to remove auto style into this div?

私はこの次のJavaScriptコードのために私を助けるために誰かを必要とするどのように セット幅幅へ：すべてのためには影響しません、この次のコードCSSの「55em」それは、DIV

 // determine sizing offscreen 
    inst.dpDiv.css({ position: "absolute", display: "block", top: "-1000px", width: "55em" }); 
    $.datepicker._updateDatepicker(inst); 

    // fix width for dynamic number of date pickers 
    // and adjust position before showing 
    offset = $.datepicker._checkOffset(inst, offset, isFixed); 
     inst.dpDiv.css({ position: ($.datepicker._inDialog && $.blockUI ? 
     "static" : (isFixed ? "fixed" : "absolute")), display: "none", 
     left: offset.left + "px", top: offset.top + "px", width: "55em" });  
    if (!inst.inline) { 
     showAnim = $.datepicker._get(inst, "showAnim"); 
     duration = $.datepicker._get(inst, "duration"); 
     inst.dpDiv.css("z-index", datepicker_getZindex($(input)) + 1); 
     $.datepicker._datepickerShowing = true; 

     if ($.effects && $.effects.effect[ showAnim ]) { 
      inst.dpDiv.show(showAnim, $.datepicker._get(inst, "showOptions"), duration); 
     } else { 
      inst.dpDiv[ showAnim || "show" ](showAnim ? duration : null); 
     } 

     if ($.datepicker._shouldFocusInput(inst)) { 
      inst.input.trigger("focus"); 
     } 

     $.datepicker._curInst = inst; 
    } 
}, 

Answer 1

あなたは、クラス間で、スペースを持たないようにする必要があります。スペースがあると、各クラスはあたかも前のクラスの子であるかのようにターゲットに設定されます。スペースを削除すると、それらのクラスがすべて1つの要素になります。

.ui-datepicker.ui-widget.ui-widget-content.ui-helper-clearfix.ui-corner-all.ui-datepicker-multi.ui-datepicker-multi-2 { 
    position: absolute; 
    top: 38px; 
    left: 44px; 
    z-index: 1; 
    display: block; 
    width: 70em; 
} 

EDIT：インラインスタイルを上書きするためには、必要な要素のスタイルを設定するためにjQueryの.css()関数を使用します。

$('#ui-datepicker-div').css('width':'70em');