¿Cómo excluir un nombre de clase particular del selector CSS?

En CSS, para excluir una clase en particular, podemos usar el selector de pseudoclase: no, también conocido como pseudoclase de negación o selector de no . Este selector se usa para establecer el estilo de cada elemento que no es el especificado por el selector dado. Dado que se utiliza para evitar que un elemento específico de la lista de elementos seleccionados.

Sintaxis:

:not(element) {
    // CSS Property
}

Ejemplo:

<!DOCTYPE html> 
<html> 
  
<head> 
    <title>
        How to exclude particular class
        name from CSS selector ?
    </title> 
      
    <meta charset="utf-8"> 
    <meta name="viewport" content=
            "width=device-width, initial-scale=1"> 
      
    <link rel="stylesheet" href= 
"https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> 
      
    <style> 
        h1, h3 {
            text-align: center; 
        }
        .todo {
            color: gray;
        }
          
        /* Style to all li element except todo class name */
        li:not(.todo) {
            text-decoration: line-through;
            color: green;
        }
    </style> 
</head> 
  
<body> 
    <div class="container"> 
          
        <h1 class="text-success">
            GeeksforGeeks
        </h1> 
        <hr/> 
          
        <h3>To-Do List:</h3>
          
        <ul class="list-group">
            <li class="list-group-item">
                Complete The Online Course
            </li> 
              
            <li class="list-group-item">
                Goto Kolkata On Wednesday
            </li>
              
            <li class="todo list-group-item">
                Write Another Article For GeeksforGeeks
            </li>
              
            <li class="todo list-group-item">
                Complete Java Assignment
            </li>
              
            <li class="todo list-group-item">
                Buy Books On JavaScript
            </li>     
        </ul>
    </div> 
</body> 
  
</html>

Producción:
output

CSS es la base de las páginas web, se usa para el desarrollo de páginas web mediante el diseño de sitios web y aplicaciones web. Puede aprender CSS desde cero siguiendo este tutorial de CSS y ejemplos de CSS .

Publicación traducida automáticamente

Artículo escrito por shubhamr238 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

Deja una respuesta Cancelar la respuesta