2013-02-28 2 views
1

я в том числе стилей обычным способом, как это:Применить стили только к одному элементу

<link rel="stylesheet" href="/css/boostrap.css" type="text/css" /> 

этого стиля имеет много стилей, которые разрушают мой главный вид, это относится к элементу тела, это возможно приклеить стиль только к одному конкретному div?

+0

Теперь, что полностью зависит от того, что находится в вашем файле css – nunespascal

ответ

1

Поместите это <div> на отдельную страницу и включите bootstrap CSS только на этой странице.

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" href="/css/boostrap.css" type="text/css" /> 
    </head> 
    <body> 
     <div>This is your DIV</div> 
    </body> 
</html> 

Ваша главная страница не будет тронута, что и вы будете в состоянии показать, что DIV внутри главной страницы просто используя iframe, изменение (к примеру) это:

<div>This is your DIV</div> 

для этого:

<iframe src="url of the other page"></iframe> 

конечно, вы, возможно, придется изменить немного логику вашей страницы, чтобы приспособить это (первичный я думаю из-за сервера кода на стороне C# для клиентской стороны JavaScript кода это должно быть проще, потому что они поступают из одного домена).

+0

, но затем я говорю о главной странице, на которой я не хочу – kosnkov

+0

@kosnkov Нет, не помещайте ее на главную страницу. «Другая страница» без главной страницы (давайте попробуем связать простую HTML-страницу, чтобы увидеть, как она работает, и вы поймете). Конечно, ссылка на Bootstrap CSS должна быть только на «другой странице». –

-1

Да, вы можете сделать это ID:

<div id="myDiv"></div> 

, а затем CSS будет:

#myDiv { ... } 

и будет применять этот стиль ничего имени myDiv. Можно также использовать классы:

<div class="someClass"></div> 

, а затем CSS будет:

.someClass { ... } 

и будет применять этот стиль ничего с этим классом прилагается.


Основываясь на том, что вы описываете, окружая общность CSS, который нарушающая уже определенный CSS, вы будете хотеть, чтобы избавиться от этих общих стилей элементов и использовать идентификаторы, потому что это звучит, как вы «пытаюсь объединить некоторые CSS.

-1

Вы пытаетесь удалить все стили тела с помощью javascript-кода, и после этого, добавив имя/id в стиль тела в своем правильном css, установите его как атрибут класса вашего тела. (код js тоже после полной загрузки документа)

Другое (глупое) решение зависит от того, что у вас есть в файле css. Вы можете отредактировать файл /css/boostrap.css, просто замените все слова body на «.body1» (fe => выведите из него класс)?