You are on page 1of 6

CS ele etonCtastadinq shyle chuet)

Osed t ind (or Qelect)


- ML elemerts You want to Cy

c&e sele ctoys hartnq 5 (augoro

lSimple delectors (hased on name, id,cla

Combina tor electon (gpecigie tpolohónski


Pseudo clay lelecto rs ltertash sat)
pseudo element deletorS ojan elanad)
ojan elenad
(Shyle a pat
5. Attibute celuetors
5 Can a t b r u a or

Elemet electoTR athimuts Value)

The
-

elument ele ctor ba selet


HtML elenmertu
based. on te elumank
hame

AAtl p elemont on he Pase will be


Centaaliaghad, wfh a red text Csor
Synta
P

text aluan (enter


Color red
2 DocType html
html
heads
Shle
T e r t a l t g : C a t o r ;

Color Ted

head

Lbody
Shouos Some
Selectos
> Evem
Bas a i a h mert
P
id =" para me too IP>
2
And me Ps

bod
htmd >

olP Selectors
gho s dmee
Eve B a s i c a l i n
M e n t

Me too
Pnd me
id ele etor
Uses ld attch oan HTML

elment
elomert
To Select a Spece fie

Umgu wikin a pa

sed t Celect One ngue eloment,

Speif id
w i t a (#) Choncutiv

olloweed by the id oj th
elemeNt
l ast o
Glast o iiK
k
car't
hane
Anid
a number

+ Para

tect-alg Cenr,

Color red

P id: "para"> Hello toorld ! J p


cla geleetoT
les eleetor eleet tM
class
element
Loith aspeifie
attibut
t ele ct spe
ii lam

period t.) characliv


byhe cleon hame
HTML Cle ment can also more
Synla, +han One clam
Aofer

.Centar
text alten lerti)
Color Ted

Un iversal Ceteetors
C*)C) setictox Seleels all the
HTML elennen on -te Pcu

Synta x
text ali Cenlar

elor bue

Gtroupnq Seleeto
Select al -Re HTML elemang

wi4h +he Same shyle dtini hon


t M l l Ke lode

each sele Tor wiha


Sepanat
CormMA
ynta
h, h2 P
fest Con
Color ed
3
Simple Seleeto rs
Seleetor
Descap hor

-futname Setet he elemer


with 1d -°foutnoanne

clas inro Selecti all the


elamart oi
clan " n t o
elemert.ckn
P.irho Selets onyr
elements wi (
Clam - "ino

Seleat all
elament

elamert Selects al
4p eleenty

elennetelamad,|
Select a l
Ldiv) elemenk

and a l LP
elennent
Qeleto desrighor

elenmet elemert Select al 2P>


elonaor u
naicle, zdiv)

elenmert

olnrt yelmast
diwYP all
w h a n e
2py
h e
ele mert
P a n a n t

a divylnnet

elemert 4 elt nut p l ac e c immeclhaloy

y b r d i 4 p elemot

2ul>
elemeatelennend 2 Pul Seleeta every
elomont Ral
a
Prece
dled
b
p e l e m o n t

atbmt] a taaeb&
att u

atiwte -value J Hoaget"_blan Seleet all


elennont
wi arget=
blank"
achve
Oacive Selei +
acHve n k

lMert Somehn
a the tonteat
each p elemart
o
Selectathe input
elemens wwick
hal%

You might also like