Update solution comments
This commit is contained in:
		
							parent
							
								
									f98ca16e88
								
							
						
					
					
						commit
						0f83cb8e2d
					
				| 
						 | 
					@ -31,6 +31,7 @@ div.text {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  .small-para {
 | 
					  .small-para {
 | 
				
			||||||
    font-size: 14px;
 | 
					    font-size: 14px;
 | 
				
			||||||
 | 
					    font-weight: 800;
 | 
				
			||||||
  } 
 | 
					  } 
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  Then we placed it after the .para selector, taking advantage of the rule order since both selectors have the same specificity. 
 | 
					  Then we placed it after the .para selector, taking advantage of the rule order since both selectors have the same specificity. 
 | 
				
			||||||
| 
						 | 
					@ -39,6 +40,7 @@ div.text {
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  p.small-para {
 | 
					  p.small-para {
 | 
				
			||||||
    font-size: 14px;
 | 
					    font-size: 14px;
 | 
				
			||||||
 | 
					    font-weight: 800;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
*/
 | 
					*/
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -77,7 +79,8 @@ div.text {
 | 
				
			||||||
  For the following rule we first removed it from its original position in the file: 
 | 
					  For the following rule we first removed it from its original position in the file: 
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  .child {
 | 
					  .child {
 | 
				
			||||||
    color: red;
 | 
					    color: rgb(0, 0, 0);
 | 
				
			||||||
 | 
					    font-weight: 800;
 | 
				
			||||||
    font-size: 14px;
 | 
					    font-size: 14px;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
 | 
					
 | 
				
			||||||
| 
						 | 
					@ -87,7 +90,8 @@ div.text {
 | 
				
			||||||
  Another solution would be to keep the rule where it was and just replace the div selector with the .text selector:
 | 
					  Another solution would be to keep the rule where it was and just replace the div selector with the .text selector:
 | 
				
			||||||
 | 
					
 | 
				
			||||||
  .text .child {
 | 
					  .text .child {
 | 
				
			||||||
    color: red;
 | 
					    color: rgb(0, 0, 0);
 | 
				
			||||||
 | 
					    font-weight: 800;
 | 
				
			||||||
    font-size: 14px;
 | 
					    font-size: 14px;
 | 
				
			||||||
  }
 | 
					  }
 | 
				
			||||||
*/
 | 
					*/
 | 
				
			||||||
| 
						 | 
					
 | 
				
			||||||
		Loading…
	
		Reference in New Issue