Skip to main content

CSS Combinators | Descendant and Child Selector - Adjacent Sibling - General Sibling and Universal Selector - Several types of CSS combinators

Image
By

CSS Combinators:

In CSS, combinators are used to define relationships between different HTML elements. They allow you to select elements based on their relationships to other elements in the document structure. 

There are several types of CSS combinators:

1. Descendant Selector (Whitespace):

   - Selects all elements that are descendants of a specified element.

   css
   div p {
     /* Selects all <p> elements that are descendants of a <div> */
   }

2. Child Selector (`>`):

   - Selects all direct children of a specified element.

   css
   div > p {
     /* Selects all <p> elements that are direct children of a <div> */
   }

3. Adjacent Sibling Selector (`+`):

   - Selects an element that is immediately preceded by a specified element.

   css
   h2 + p {
     /* Selects the <p> element that is immediately preceded by an <h2> */
   }
   

Descendant and Child Selector - Adjacent Sibling - General Sibling and Universal Selector - Several types of CSS combinators
CSS Combinators

4. General Sibling Selector (`~`):

   - Selects all siblings that are at the same level and have the same parent as a specified element.

   css
   h2 ~ p {
     /* Selects all <p> elements that are siblings of an <h2> and share the same parent */
   }

5. Universal Selector (`*`):

   - Selects all elements, regardless of type.

   css
   * {
     /* Selects all elements in the document */
   }

6. Grouping Selector:

   - Groups multiple selectors together to apply the same styles to different elements.

   css
   h1, h2, h3 {
     /* Applies styles to <h1>, <h2>, and <h3> elements */
   }
   

These combinators provide flexibility in styling and selecting elements based on their relationships within the HTML document. When combined with other CSS selectors and properties, they offer powerful ways to target specific elements or groups of elements for styling.
Labels:

Comments

Post a Comment

Popular posts from this blog

Biography of Manohar Joshi

By
Biography of Manohar Joshi: Manohar Gajanan Joshi is an Indian politician who has played a significant role in Maharashtra state politics. Born on December 2, 1937, in a middle-class family in a village called Ganeshpeth in Ratnagiri district, Maharashtra, Joshi's journey into politics was marked by his association with the Shiv Sena, a right-wing regional political party in India. Joshi's political career began in the late 1960s when he joined the Shiv Sena, which was then led by its founder, Bal Thackeray. He quickly rose through the ranks of the party due to his organizational skills, dedication, and ideological alignment with the party's principles, which advocated for the interests of the Marathi-speaking population of Maharashtra. In 1972, Manohar Joshi won his first election to the Brihanmumbai Municipal Corporation (BMC), marking the beginning of his electoral career. He served as a corporator in the BMC and later became the Mayor of Mumbai in 1976. Joshi's tenu...
Post a Comment
Read more

Professor Cheiro Prophecies about India | 5 predictions Professor Kiro - Kiro made these amazing predictions for India

By
Professor Cheiro Prophecies:  Here is Kiro made these amazing predictions for India: Professor Kiro was born in November 1866 in England. At the age of 17, Kiro came to Mumbai and met astrologer Vednarayan Joshi. With his advice, he will reach the Himalayas, Kashmir, Ladakh and Varanasi. From here, he studied astrology extensively. Kiro made many predictions in his life, which we are giving you here. Cheiro, whose real name was William John Warner, was a prominent Irish astrologer and palmist who gained fame in the late 19th and early 20th centuries. He was known for his accurate predictions and was consulted by various prominent figures of his time, including Mark Twain, Oscar Wilde, and Thomas Edison. Cheiro also made some predictions related to India. Parada Kahanee One of his notable predictions about India was made in his book "Cheiro's World Predictions," published in 1926. In this book, he wrote about the possibility of India gaining independence from British...
Post a Comment
Read more

Biography of Abbie Hoffman | Early Life and Political Activism - Later Years and Personal Life - Legacy of Abbie Hoffman

By
Biography of Abbie Hoffman: Abbie Hoffman (November 30, 1936 – April 12, 1989) was an American political and social activist known for his involvement in the counterculture and anti-war movements of the 1960s and 1970s. He was a key figure in the Youth International Party (Yippies) and was known for his theatrical and often humorous protests.  Here is a brief biography of Abbie Hoffman: Early Life of Abbie Hoffman: 1. Birth: Abbie Hoffman was born on November 30, 1936, in Worcester, Massachusetts, USA. 2. Education: He attended Brandeis University, where he earned a degree in psychology in 1959. Parada Kahanee Political Activism: 1. Civil Rights Movement: Hoffman began his activism by participating in the civil rights movement during the early 1960s. 2. Youth International Party (Yippies): In 1967, Hoffman, along with Jerry Rubin and others, co-founded the Yippies, a countercultural and anti-authoritarian political party known for its unconventional and theatrical protes...
Post a Comment
Read more