कैसे छोड़ दिया ओवरराइड करने के लिए: 0 सीएसएस या Jquery का उपयोग कर?

Question

मेरे पास एक तत्व है, जिसमें निम्नलिखित सीएसएस हैं:

.elem {
  left: 0;
  position: fixed;
  right: 0;
  width: 60%;
  z-index: 1000;
  }

तत्व पूरे स्क्रीन को स्पैन नहीं करता है। मैं इसे स्क्रीन के दाईं ओर "संरेखित" करना चाहूंगा।

यह आसान होगा, अगर मैं बस बाएं हटा दिया: 0 , लेकिन मैं उपरोक्त सीएसएस के साथ छेड़छाड़ नहीं कर सकता, इसलिए मुझे बाईं ओर ओवरराइड, अक्षम या हटाने के लिए कुछ CSS या Jquery की आवश्यकता है : 0 CSS।

सहायता के लिए धन्यवाद!

Answer 1

के लिए डिफ़ॉल्ट मान leftहै auto, इसलिए इसे बस उसी पर सेट करें और आप इसे "रीसेट" करेंगे।

.elem {
  left: auto;
}

सुनिश्चित करें कि ऊपर मूल सीएसएस फ़ाइल के बाद आता है।

Comments

धन्यवाद! मैं 'कोशिश कर रहा था', लेकिन वह मुझे अब नहीं मिला। जानकार अच्छा लगा।

— लगातार

@ यदि आप जावास्क्रिप्ट का उपयोग कर रहे हैं तो आप '' जैसे मूल्यों का उपयोग कर सकते हैं, हां, लेकिन सीएसएस में नहीं। वैसे भी, लेकिन आपने यह नहीं कहा कि आप स्टाइलशीट के साथ छेड़छाड़ नहीं कर सकते? उस स्थिति style="left:auto"में, तत्व में एक विशेषता खुद ही स्टाइलशीट को ओवरराइड करते हुए चाल चली जाएगी।

— मिस्टर लिस्टर

Answer 2

CSS का उपयोग करना:

.elem {
    left: auto;
}

JQuery का उपयोग:

$(".elem").css("left", "auto");

Answer 3

autoCSS में संपत्ति का प्रयास करें , जो डिफ़ॉल्ट मान के बराबर है।

Answer 4

Jquery के साथ:

$(".elem").css("left", "");

Comments

क्या यह इसे निर्दिष्ट मान पर रीसेट नहीं करता है (इस स्थिति में '0')?

— डायोन

@Antonio: यह वास्तव में <div left="0">सीएसएस बदलने के बजाय एक अमान्य "बाएं" HTML विशेषता सेट करेगा । जबकि जन की टिप्पणी अभी भी (यानी जेएस की कोई आवश्यकता नहीं है), यह $(".elem").css("left", "");या कुछ के साथ किया जा सकता है ।

— ov

ऑप्स, यह सच है ... संपादित करें और यह संभव समाधान डालें। धन्यवाद।

— एंटोनियो बेमुड

Answer 5

क्या यह शैली जो आपने निकाली है, एक बाहरी या एक आंतरिक है, आप इसे एक आंतरिक के साथ ओवरराइड कर सकते हैं जैसे:

.elem {
    position: fixed;
    right: 0;
    width: 60%;
    z-index: 1000;
  }