2015-11-28 2 views
0

Уважаемые участники сообщества,Перенастройка свойства стиля для отдельного файла .css

мне нужно поставить все:

style="display:none" 

из всех строк с:

<p class="text" style="display:none"> 

к следующей таблице стилей:

style.css 

на http://berdyanskaya56.ru/index.html.

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

"display:none" 

в

.text 

в

style.css 

чем описательные названия не изменяются соответственно к картинкам скольжения (т.е. использовать стрелки на обеих сторонах экрана веб-сайта) на странице.

Для окончательного прояснения:

Мне нужно удалить все

style="display:none" 

из

<p class="text" style="display:none"> 

в

.text 

в

style.css. 

Это существенно поможет мне очистить код на веб-сайте. После внесения изменений в <p> теги в HTML-страницы будет выглядеть следующим образом:

<p class="text"> 

Если она требует дальнейшего уточнения, просто оставьте свои комментарии ниже этого поста.

Благодарим вас за помощь!

UPD: Для этого потребуется также изменение функции управления дисплеем: нет в JS. Если вы можете мне помочь, просто разместите его ниже :-)!

+0

Параметр 'дисплей: none' выглядит это существо управляемый в javascript. Вам придется копаться в javascript и удалять функцию, контролирующую его, но, конечно, вы потеряете эффект скольжения по тексту. Это на самом деле довольно минимально и функционально. – wmeade

+0

Чем вы так сильно сэр! – RLearnsR

ответ

0
/* style.css */ 
    /* set all `p` elements having `class` `"text"` 
     `display` property to `none` 
    */ 
    p.text { 
     display:none; 
    } 
+0

Кажется, что он вообще не работает. – RLearnsR

+0

@RuslanSeletskiy _ «Кажется, что он вообще не работает». _ Можете создать stacksnippets, jsfiddle http://jsfiddle.net, чтобы продемонстрировать? – guest271314

+0

@RuslanSeletskiy plnkr http://plnkr.co/edit/lpUnz0AB4zbEMsshqWam?p=preview – guest271314

0

Просто ознакомьтесь с основами CSS. В вашем случае вы уже установили «текст» класса для всех ваших соответствующих объектов.

Ваш CSS-файл будет содержать что-то вроде

.text { 
    display: none; 
} 

Edit:

Вы должны также связать CSS-файл в документ внутри головы тэгом:

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

Вот некоторые основы: http://www.w3schools.com/css/css_howto.asp

Чтобы изменить текст, вы необходимо добавить JavaScript для ваших стрелок Настройки дисплея-свойства в правильном направлении:

document.getElementById("<the id of the current text>").display = "none"; 
document.getElementById("<the id of the next text>").display = "inline"; 

Для получения дополнительной информации об управлении CSS через JS, смотрите здесь: http://www.w3schools.com/js/js_htmldom_css.asp

+0

Да, сэр, я пробовал эту опцию, но текст не изменение в отношении слайдера изображений. – RLearnsR

Смежные вопросы