Back to Question Center
0

नमुन्यात काय सीएसएस नियम सूची घटकांच्या पुढे बाण जोडत आहे

1 answers:
. मी Chrome च्या DOM Semalt वापरण्याचा प्रयत्न केला आहे, परंतु आनंद नाही Source - is moisture farming possible.
February 5, 2018

फायरफॉक्स सह घटक प्रती उजवे-क्लिक (किंवा मॅकवर क्लिक करा) वापरून पहा आणि मेन्यू पासून 'निरीक्षण घटक'. हे दर्शविते की हे एक पार्श्वभूमी असलेली एक सूची आहे जिच्यामध्ये शैली 255 च्या यादीत स्टाईल आहे. सीएसएस.

 . विजेट उल li {पार्श्वभूमी: url (प्रतिमा / बुलेट. पीएनजी) नो-पुनरावृत्ती 0 10px;पॅडिंग: 5px 0 8px 18px;रंग: # 262626;
} 

सूची शैली (पार्श्वभूमी प्रतिमेसह पुनर्स्थित करणे) दर्शविणारी एक शैली आहे. सीएसओ 1 ओळीवर - बहुधा सी ओ डी ओ एका ओळीवर.

 . rp4wp-related-job_listing> उल li. जॉबलाइज करणे. मेटा ली,. rp4wp-related-job_listing> उल li. no_job_listings_फाइल a. मेटा ली, उल. job_listings li. जॉबलाइज करणे. मेटा ली, उल. job_listings li. no_job_listings_फाइल a. मेटा ली {सूची-शैली: कोणीही बाहेर नाही;प्रदर्शन: ब्लॉक;समास: 0;
} 

सीएसएस नियम शोधताना जे आधी, किंवा नंतर गोष्टी ठेवतात, : आणि : नोड्स आणि नियमांनंतर. सामान्यत: घटक आत निरीक्षक मध्ये दर्शविलेले आहेत.

फायरफॉक्सच्या DOM निरीक्षकांना ते शोधण्यास सक्षम आहे. मला फक्त ली नोड उघडायचे होते आणि तिथे :: नंतर नोड असलेली बाण आत आहे:

या नियमानुसार फ्रंटएंडमध्ये असे दिसते आहे. CSS :

. विजेट उल. job_listings li. job_listing उल. मेटा li: नंतर {पॅडिंग: 0 0 0. 5em; सामग्री: "\ 2023"}

Screenshot with erroneous arrows

मी असे गृहीत धरते की आपण यादीतील आयटममधील बाणांच्या ऐवजी सूची-वस्तूंच्या तळाच्या-डावा कोपर्यात धुळीप्रमाणे सारख्या बाणाचा संदर्भ घेत आहात.

क्रोमच्या ऑब्जेक्ट इन्स्पेक्टरचा वापर करून, एक बॅकग्राउंड प्रतिमा दिसत आहे ज्यामुळे याचे परिणाम (उशिराने चुकीचे) "बाण". मध्ये शैली. CSS - ver = 4. 7 ऑनलाईन # 255:

 . विजेट उल li {पार्श्वभूमी: url (प्रतिमा / बुलेट. पीएनजी) नो-पुनरावृत्ती 0 10px;जोडणे: 5px 0 8px 18px;रंग: # 262626;
} 

बॅकग्राउंड प्रॉपर्टी काढून टाकल्यानंतर बाण काढून टाकले जातात:

Same image with arrows removed