Использование нескольких классов тела для настройки вызовов подклассов - PullRequest
0 голосов
/ 13 марта 2012

Я работаю над сайтом, который был построен четыре или пять лет назад, и наткнулся на то, чего я никогда раньше не видел. Кто когда-либо создавал сайт, использует оба класса (.home.product) для вызова любых подэлементов (.banner) на странице. Я не думал, что вы могли бы сделать это, но, очевидно, это работает. Это взлом или кошерный? Если это нормально, можете ли вы сделать это с помощью идентификатора? (Пример: # home.product)? Я надеюсь, что мой вопрос имеет смысл.

<head>           
<style>     
.home.product .banner{
 background:#d1d1d1;
 border:solid 1px #000;
 width:500px;
 height:150px;
 }
</style>     
</head>    
<body class="home product">  
  <div class="banner">Blah Blah Blah</div>   
</body>

Спасибо за помощь!

1 Ответ

2 голосов
/ 13 марта 2012

Это вполне допустимо и нормально указывать несколько классов на одном элементе HTML , и нацеливать их с помощью нескольких, связанных между собой селекторов классов в CSS . В этом нет ничего хакерского.

И да, вы также можете связать любое количество селекторов идентификаторов, селекторов классов, селекторов атрибутов и псевдоклассов друг с другом в любом порядке. И #home.product, и .product#home эквивалентны, что соответствует элементу с идентификатором home, а также классу product.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...