"കാസ്‌കേഡിങ്ങ് സ്റ്റൈൽ ഷീറ്റ്‌സ്" എന്ന താളിന്റെ പതിപ്പുകൾ തമ്മിലുള്ള വ്യത്യാസം
Content deleted Content added
വരി 94:
ഡോക്യുമെന്റ് ട്രീയിൽ ഇല്ലാത്ത വിവരങ്ങളുടെ അടിസ്ഥാനത്തിൽ ഫോർമാറ്റിംഗ് അനുവദിക്കുന്നതിന് സി‌എസ്‌എസ് സെലക്ടറുകളിൽ സ്യൂഡോ ക്ലാസുകൾ ഉപയോഗിക്കുന്നു. വ്യാപകമായി ഉപയോഗിക്കുന്ന സ്യൂഡോ ക്ലാസാണ്{{code|lang=css|:hover}}ഉപയോക്താവ് ദൃശ്യമാകുന്ന എലമെന്റിനെ "പോയിന്റുചെയ്യുമ്പോൾ" മാത്രമേ ഉള്ളടക്കം ദൃശ്യമാകുകയുള്ളു, ഉദാഹരണത്തിന് മൗസ് കഴ്‌സർ മുകളിൽ പിടിക്കുമ്പോൾ മാത്രമെ {{code|lang=css|a:hover}} അല്ലെങ്കിൽ {{code|lang=css|#elementid:hover}} പോലുള്ള സെലക്ടർ കാണാൻ കഴിയുകയുള്ളു. ഒരു സ്യൂഡോ-ക്ലാസ് പ്രമാണ ഘടകങ്ങളെ തരംതിരിക്കുന്നു ഉദാ:{{code|lang=css|code=:link}} അല്ലെങ്കിൽ {{code|lang=css|code=:visited}}, അതേസമയം ഒരു സ്യൂഡോ എലമെന്റ് ഭാഗിക ഘടകങ്ങൾ ഉൾക്കൊള്ളുന്ന ഒരു തിരഞ്ഞെടുപ്പ് നടത്തുന്നു, ഉദാ: {{code|lang=css|code=::first-line}} അല്ലെങ്കിൽ {{code|lang=css|code=::first-letter}}.<ref>{{cite web |url=http://www.w3.org/TR/CSS21/selector.html#pseudo-elements |title=W3C CSS2.1 specification for pseudo-elements and pseudo-classes |publisher=World Wide Web Consortium |date=7 June 2011 |access-date=30 April 2012 |archive-url=https://web.archive.org/web/20120430011514/http://www.w3.org/TR/CSS21/selector.html#pseudo-elements |archive-date=30 April 2012 |url-status=live }}</ref>
മികച്ച സവിശേഷതയും വഴക്കവും നേടുന്നതിന് സെലക്ടേഴ്സിനെ പല തരത്തിൽ സംയോജിപ്പിക്കാം.<ref>see [http://www.w3.org/TR/CSS21/selector.html the complete definition of selectors at the W3C Web site] {{Webarchive|url=https://web.archive.org/web/20060423174213/http://www.w3.org/TR/CSS21/selector.html |date=2006-04-23 }}.</ref> സ്ഥാനം, എലമെന്റ് ടൈപ്പ്, ഐഡി, ക്ലാസ് അല്ലെങ്കിൽ അതിന്റെ ഏതെങ്കിലും കോമ്പിനേഷൻ അനുസരിച്ച് ഘടകങ്ങൾ വ്യക്തമാക്കുന്നതിന് ഒന്നിലധികം സെലക്ടേഴ്സിനെ ഒരു സ്പേസ്ഡ് ലിസ്റ്റിൽ ചേർക്കാം. സെലക്ടേഴ്സിന്റെ ക്രമം പ്രധാനമാണ്. ഉദാഹരണത്തിന്,<syntaxhighlight inline lang="css" class=nowrap>
div .myClass {color: red;}</syntaxhighlight>ക്ലാസ് എലമെന്റിലുള്ള ക്ലാസ് myClass ന്റെ എല്ലാ ഘടകങ്ങൾക്കും ഇത് ബാധകമാണ് <syntaxhighlight inline lang="css" class=nowrap>.myClass div {color: red;}</syntaxhighlight>ക്ലാസ് മൈക്ലാസിലെ ഘടകങ്ങളിലുള്ള എല്ലാ ഡിവ്(div)എലമെന്റുകൾക്കും ഇത് ബാധകമാണ്. ഇത് പോലുള്ള സംയോജിത ഐഡന്റിഫയറുകളുമായി തെറ്റിദ്ധരിക്കരുത് <syntaxhighlight inline="" lang="css" class="nowrap">
div.myClass {color: red;}</syntaxhighlight>ക്ലാസ് myClass സിലെ ഡിവ് എലമെന്റുകൾക്കും ഇത് ബാധകമാണ്.
== എച്.ടി.എം.എൽ താളുകളിൽ സ്റ്റൈൽ ഷീറ്റുകൾ നൽകാനുള്ള മാർഗങ്ങൾ ==
| |||