World1000 - Применение нескольких классов к элементу в CSS
Баннерная сеть

Личный кабинет

Имя

Пароль

Запомнить меня


Забыли пароль?
Зарегистрироваться

  2008-11-04 11:50
Частенько случается ситуация, когда к элементу
хотелось бы применить не один, а сразу два (а иногда и три)
класса. До недавних пор приходилось выкручиваться примерно
так:



.red, .redAndBig {color : darkred}

.big, .redAndBig {font-size : 200%; font-weight : bold}



Другими словами, в нашем примере мы ввели класс .redAndBig,
который объединяет свойства классов .red и .big.
Объединённый класс задаём в HTML таким образом:



<p class="redAndBig">Красный. И большой.</p>



Но спецификация CSS Level 2 позволяет задавать у элемента
более одного класса. Для этого достаточно разделить названия
классов пробелом:



<p class="red big">Красный. И большой.</p>



Получается наглядно и красиво. Огорчает только тот факт, что
эта конструкция работает только в Internet Explorer 5+,
Opera 4+ и Netscape Navigator 6+. В более ранных версиях
браузеров при таком раскладе к элементу не будет применён ни
один стиль…
Быстрый переход
  • Company
  • Overview
  • Facts and Figures
  • Why Us
  • Testimonials
  • Careers
  • Capabilities
  • Technology Centers
  • Microsoft .NET
  • Java EE
  • PHP
  • AJAX
  • Skill Set
  • Domain Expertise
  • Web 2.0
  • Rich Internet Applications
  • Business Continuity
  • Quality Management
  • Methodology
  • Services
  • Advanced Web Development
  • Web Application Development
  • Web and Enterprise Portal Development
  • Website Design and Development
  • Web-based Database Programming
  • Web-enabling Legacy Applications
  • Opensource Software Customization
  • Business Application Development
  • Content and Document Management
  • Secure Intranets / Extranets
  • Customer Relationship Management
  • Workflow Management
  • Supply Chain Management
  • Interactive Learning
  • Independent QA and Testing
  • Application Security Consulting
  • Graphic Design / Multimedia
  • Maintenance and Support
  • Outsourcing
  • Outsourcing Overview
  • Dedicated Teams
  • Security and IP Protection
  • Engagement Models
  • Portfolio
  • By Business Domain
  • Corporate / Info Websites
  • Communities and Networks
  • B2B / B2C Internet Portals
  • Retail / Ecommerce
  • Media Distribution
  • Workflow Management
  • Customer Management
  • Enterprise Collaboration
  • Supply Chain Management
  • eLearning / Online Training
  • By Technology Focus
  • Microsoft .NET
  • Java EE
  • PHP
  • By Solution Type
  • Websites
  • Web Applications
  • Enterprise Solutions
  • Contact
  • Contact Form
  • Get Free Evaluation
  • Call Me Back
  • Contact Info
  • Map