यह सीएसएस छद्म तत्व किसी तत्व की सामग्री के पहले अक्षर का चयन करता है। हालांकि, यदि तत्व इनलाइन-स्तर है तो यह काम नहीं करता है।
उदाहरण
आइए CSS के लिए एक उदाहरण देखें ::प्रथम-अक्षर छद्म तत्व -
<!DOCTYPE html>
<html>
<head>
<style>
div{
background-color: #32485d;
border: 5px solid black;
color: #959799;
}
p::first-letter {
font-size: 1.5em;
color: #f9f9f9;
padding: 2px;
}
</style>
</head>
<body>
<div>
<h2>Eclipse IDE</h2>
<p>"Eclipse is an integrated development environment (IDE) for Java and other programming languages
like C, C++, PHP, and Ruby etc. Development environment provided by Eclipse includes the Eclipse Java
development tools (JDT) for Java, Eclipse CDT for C/C++, and Eclipse PDT for PHP, among others."</p>
</div>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
उदाहरण
आइए CSS का एक और उदाहरण देखें ::प्रथम-अक्षर छद्म तत्व -
<!DOCTYPE html>
<html>
<head>
<style>
p::first-letter {
font-size: 1.5em;
background-color: black;
color: #dc3545;
padding: 2px;
}
</style>
</head>
<body>
<div>
<h2>Machine Learning Tutorials</h2>
<p>TensorFlow</p><p>Machine Learning with Python</p><p>Time Series</p><p>PyTorch</p>
</div>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
