Codes Tagged css

pseudo element in css with example

<p><strong>pseudo-element</strong> in CSS is a keyword added to a selector by that you can style a specific part of the selected element. </p><p>For example:- </p><ul><li>You can style the <strong>first letter </strong>or <strong>line </strong>of an element.</li><li>Insert content <strong>before </strong>or <strong>after </strong>the content of an element.</li></ul><p><br></p><pre class="ql-syntax" spellcheck="false">selector::pseudo-element { property:value; } </pre><p><br></p><p><strong>::before </strong>- Creates a <strong>pseudo-element </strong>which is the first child of the selected element. <strong>::before </strong>is inline by default </p><pre class="ql-syntax" spellcheck="false">.classname::before{ content:'Hello'; } </pre><p><br></p><p><strong>::after </strong>- Creates a <strong>pseudo-element </strong>which is the lastchild of the selected element. <strong>::after </strong>is inline by default </p><pre class="ql-syntax" spellcheck="false">.classname::after{ content:'Hello'; } </pre><p><br></p><p><strong>::first-letter </strong>it applies style on the first letter of the first line.</p><pre class="ql-syntax" spellcheck="false">span::first-letter{ font-size:50px; } </pre><p><br></p><p><strong>::first-line </strong>it applies on the first line of the block level element.</p><pre class="ql-syntax" spellcheck="false">p::first-line{ color:red; } </pre><p><br></p><p><strong>::placeholder </strong>it applies on the input or textarea placeholder text.</p><pre class="ql-syntax" spellcheck="false">input::placeholder{ color:red; font-size:20px; } </pre>

BBBootstrap Team2 years ago

cfgbAdd a Code snippet

<p>fhgfhgcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippetcfgbAdd a Code snippet</p>

BBBootstrap Team11 months ago

view_information

<p><?php</p><p>include "../config/db.php"; // Include database connection</p><p><br></p><p>// Fetch all records from tbl_information</p><p>$result = $conn->query("SELECT * FROM tbl_informasaun");</p><p>?></p><p><br></p><p><!DOCTYPE html></p><p><html lang="en"></p><p><head></p><p>  <meta charset="UTF-8"></p><p>  <title>View Information</title></p><p>  <link rel="stylesheet" href="../css/style.css"></p><p></head></p><p><body></p><p>  <h1>School Information</h1></p><p>  <a href="../index.php">Home</a> | </p><p>  <a href="../admin/dashboard.php">Admin Dashboard</a></p><p>  <br><br></p><p><br></p><p>  <table border="1"></p><p>    <tr></p><p>      <th>ID</th></p><p>      <th>Name</th></p><p>      <th>Address</th></p><p>      <th>Description</th></p><p>      <th>Actions</th></p><p>    </tr></p><p><br></p><p>    <?php while ($row = $result->fetch_assoc()): ?></p><p>    <tr></p><p>      <td><?php echo htmlspecialchars($row['id']); ?></td></p><p>      <td><?php echo htmlspecialchars($row['name']); ?></td></p><p>      <td><?php echo htmlspecialchars($row['address']); ?></td></p><p>      <td><?php echo htmlspecialchars($row['description']); ?></td></p><p>      <td></p><p>        <a href="view_info_detail.php?id=<?php echo $row['id']; ?>">View</a> | </p><p>        <a href="update_info.php?id=<?php echo $row['id']; ?>">Edit</a> | </p><p>        <a href="delete_info.php?id=<?php echo $row['id']; ?>" onclick="return confirm('Are you sure?')">Delete</a></p><p>      </td></p><p>    </tr></p><p>    <?php endwhile; ?></p><p>  </table></p><p><br></p><p>  <br></p><p>  <a href="add_info.php">Add New Information</a></p><p></body></p><p></html></p><p><br></p>

BBBootstrap Team18 hours ago

Add a codeAdd Code

Remove adsremove

Latest codes

Latest Snippets

Quick Links

Tools

Socials

© 2025 bbbootstrap. All rights reserved