ክፍል vs ID
Cascading Style Sheets (CSS) የማርክ ቋንቋን በመጠቀም የተጻፈውን ሰነድ መልክ እና ቅርጸት የሚገልጽ ቋንቋ ነው። CSS በኤችቲኤምኤል የተጻፉ ድረ-ገጾችን ለመቅረጽ በሰፊው ይሠራበታል። CSS ለኤችቲኤምኤል አካላት ቅጦችን ከመተግበር በተጨማሪ የራስዎን የቅጥ መራጮችን እንዲገልጹ ይፈቅዳል። ይህ መታወቂያ እና ክፍል መራጮች በመጠቀም ነው. ለአንድ ልዩ አካል ዘይቤን ሲገልጹ መታወቂያ መምረጫው ጥቅም ላይ ይውላል። የንጥረ ነገሮች ቡድን ዘይቤን ሲገልጹ የክፍል መራጩ ጥቅም ላይ ይውላል።
ክፍል ምንድን ነው?
በCSS ውስጥ፣የክፍል መራጭ የእራስዎን ዘይቤ በቡድን አካላት ላይ ለመተግበር ሊያገለግል ይችላል።የክፍል መምረጫው አንድ አይነት ክፍል ላላቸው የንጥረ ነገሮች ስብስብ የተወሰነ ዘይቤን ለመተግበር ይጠቅማል። በCSS ውስጥ፣ የክፍል መራጭ የሚለየው በሙሉ ማቆሚያ (.) ነው። የሚከተለው በCSS ውስጥ የተገለጸ የክፍል መራጭ ምሳሌ ነው።
.የእኔ_ክፍል {
ቀለም፡ ሰማያዊ፤
የቅርጸ-ቁምፊ ክብደት፡ ደማቅ፤
}
ኤችቲኤምኤል ከዚህ በታች እንደሚታየው የባህሪ ክፍልን በመጠቀም በCSS ውስጥ የተገለጸውን ክፍል ሊያመለክት ይችላል።
ይህ የእኔ ቅርጸት ነው
ይህ የእኔ ቅርጸት ነው እንደገና
ከላይ እንደሚታየው፣ተመሳሳዩን ክፍል ለብዙ ክፍሎች እና አንድ አካል ብዙ ክፍሎችን መጠቀም ይችላል። ብዙ ክፍሎች በተመሳሳይ ኤለመንት ውስጥ ጥቅም ላይ ሲውሉ፣ ክፍሎቹ ከታች እንደሚታየው በክፍተት ወደተገደበው ክፍል ውስጥ ይገባሉ።
ይህ ሁለት ክፍሎችን በመጠቀም ቅርጸቴ ነው
መታወቂያ ምንድነው?
በሲኤስኤስ፣ መታወቂያ መራጭ የእራስዎን ዘይቤ ወደ አንድ ልዩ አካል ለመተግበር ሊያገለግል ይችላል። በCSS ውስጥ፣ መታወቂያ መራጭ በሃሽ () ይታወቃል። የሚከተለው በCSS ውስጥ የተገለጸ የመታወቂያ መራጭ ምሳሌ ነው።
የእኔ_መታወቂያ {
ቀለም፡ቀይ፤
text-align:right;
}
HTML ከዚህ በታች እንደሚታየው የመለያ መታወቂያውን በመጠቀም በCSS ውስጥ የተገለጸውን መታወቂያ መራጭን ሊያመለክት ይችላል።
ይህ የእኔ የመታወቂያ ቅጽ የመታወቂያ መምረጫ ነው
መታወቂያዎች ልዩ ናቸው። ስለዚህ እያንዳንዱ አካል አንድ መታወቂያ ብቻ ሊኖረው ይችላል እና እያንዳንዱ ገጽ የተወሰነ መታወቂያ ያለው አንድ አካል ብቻ ሊኖረው ይችላል። መታወቂያዎች ከአሳሽ ጋር ሊጠቀሙበት የሚችል ጠቃሚ ባህሪ አላቸው። የገጹ URL ሃሽ እሴት ከያዘ (ለምሳሌ https://myweb.commy_id) አሳሹ በራሱ መታወቂያ "my_id" ያለውን ኤለመንቱን ለማግኘት ይሞክራል እና ያንን ኤለመንት ለማሳየት ድረ-ገጹን ይሸብልል። አሳሹ ያንን ኤለመንት ማግኘት እንዲችል ገፁ አንድ የተወሰነ መታወቂያ ያለው አንድ አካል እንዲኖረን የሚያደርግበት አንዱ ምክንያት ይህ ነው።
በክፍል እና መታወቂያ መካከል ያለው ልዩነት ምንድን ነው?
ምንም እንኳን ሁለቱም የክፍል መራጭ እና መታወቂያ መራጭ የራስዎን ዘይቤ በድረ-ገጽ ላይ ባሉ አካላት ላይ ለመተግበር ጥቅም ላይ ሊውሉ ቢችሉም አንዳንድ አስፈላጊ ልዩነቶች አሏቸው።የክፍል መራጭ የእራስዎን ዘይቤ በቡድን አካላት ላይ ለመተግበር ሊያገለግል ይችላል ፣ መታወቂያ መራጩ ግን አንድን ነጠላ ፣ ልዩ አካል ላይ ዘይቤን ለመተግበር ጥቅም ላይ ይውላል። መታወቂያዎችን በሚጠቀሙበት ጊዜ እያንዳንዱ አካል አንድ መታወቂያ ብቻ ነው ሊኖረው የሚችለው እና እያንዳንዱ ገጽ የተወሰነ መታወቂያ ያለው አንድ አካል ብቻ ነው ሊኖረው የሚችለው፣ ነገር ግን ክፍል ለብዙ አካላት ጥቅም ላይ ሊውል ይችላል እና አንድ አካል ብዙ ክፍሎችን ሊጠቀም ይችላል። በተጨማሪም መታወቂያው በዚያ መታወቂያ ያለውን አካል ለማሳየት ገጽን በራስ ሰር ለማሸብለል መጠቀም ይቻላል፣ነገር ግን ይህ በክፍል መራጭ አይቻልም።
