1
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Title</title> <style>[Id*=div]{Color:Lime; } /*^ First character*/[Id^=div]{Color:Darkblue; } /*$ end Character*/[Id$=ym]{Color:Crimson; } </style></Head><Body><DivID= "Mydiv1">Example Text 1</Div><DivID= "Div2">Example Text 2</Div><DivID= "Div3">Example Text 3</Div><DivID= "Div4">Example Text 4</Div><DivID= "my">Example Text 5</Div></Body></HTML>
2:ui Pseudo class Selector
<!DOCTYPE HTML><HTMLLang= "en"><Head> <MetaCharSet= "UTF-8"> <title>Title</title> <style><!--Mouse is effective--input[type= "text"]:hover{Background-color:Darkviolet;<!--Mouse focus is active--input[type= "text"]:focus{Background-color:darkviolet; } </style></Head><Body><inputtype= "text"name= "Name"><inputtype= "text"name= "Name"></Body></HTML>
CSS Simple Learning Properties 3---CSS property selector