Использование двух файлов css в одном файле html

Question

Можно ли использовать 2 CSS-класса, которые имеют одинаковое имя для селекторов и т. Д. В том же файле HTML? Если да, то как вы проводите различие между ними при стилизации элементов?

Answer 1

Да, это возможно, просто включите два файла css в разделе HEAD документа. Любые стили, установленные в первом будут перезаписаны во втором, так что у вас есть это:
Первый файл:

#something{ 
    background-color: #F00; 
    color: #FFF; 
} 

, а затем во втором файле:

#something{ 
    background-color: #000; 
} 

Затем фоновый цвет # что-то будет перезаписано во втором файле на черный, но цвет останется прежним, так как второй файл ничего не говорит об этом.

Answer 2

Да, это возможно. Определения во втором файле будут перезаписывать определения первого файла. Невозможно различать эти два, но для добавления имен классов в соответствии с файлом.

Answer 3

Вы имеете в виду 2 определения для того же класса? или 2 имени класса на элементе?

Первый случай, нет.

<style> 
    .foo{ 
    border:1px solid blue; 
    color:red; 
    } 
    .foo{ 
    border:4px solid orange; 
    } 
</style> 
<div class="foo">this will have an orange border and red text (no blue border)</div> 

Второй случай, да

<div class="class1 class2">this is valid</div> 

Answer 4

... что есть подобных имен селекторов

Если имена действительно похожа и не то есть, тогда не должно быть проблем.

Answer 5

Это должно сработать, попробуйте.

<style> 
    .foo{ 
    border:1px solid blue; 
    color:red; 
    } 
    .foo{ 
    border:4px solid orange !important; 
    } 
</style> 
<div class="foo">this will have an orange border and red text (no blue border)</div>