छद्म वर्ग :: से पहले - सीएसएस चक्र

Question

मैं सीएसएस के साथ मंडली बनाने के लिए कोशिश कर रहा हूँ, लेकिन इससे पहले

छद्म वर्ग :: उपयोग करने के लिए यह (मेट्रो स्टेशनों की सूची के लिए) है कि की तरह होना चाहिए wan't बनाने :

.subway-item{ 
// css for text item going after circle 
} 
.subway-item::before{ 
    width:15px; 
    border-radius: 15px; 
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    background-color:#69b6d5; 
} 

मुझे पता है कि यह पाठ या छवि से पहले अतिरिक्त तत्व के साथ किया जा सकता है। लेकिन जानना चाहते हैं यह संभव से पहले

Answer 1

तुम भी यह वास्तव में छद्म तत्व प्रस्तुत करना बनाने के लिए content, height और display निर्धारित करने की आवश्यकता में :: ऐसे गुणों का प्रयोग है।

उदाहरण:

.subway-item::before{ 
    content: ''; 
    display: inline-block; 
    width: 15px; 
    height: 15px; 
    -moz-border-radius: 7.5px; 
    -webkit-border-radius: 7.5px; 
    border-radius: 7.5px; 
    background-color: #69b6d5; 
} 

नोट: यह विक्रेता विशिष्ट गुण से पहले मानक संपत्ति (border-radius अपने मामले में) लिखने के लिए बेहतर है।