Строка CSS - Посредством того, чтобы не быть удаленным
Редактирование: Так как этот вопрос задали были разработаны, много эффективных решений. В то время как тон этого ответа может все еще быть точным (Для пользы 100% из HW / ОС, исходное приложение, вероятно, необходимо), можно найти много возможных ответов ниже этого вопроса.
И Android и iPhone имеют интерфейсы решительно очень созданного пользователя. Даже если Вы нашли платформу, которая соединила огромные различия мостом на большинстве более низких уровней аспекта (Android программируется в Java сверху пользовательского VM, iPhone является собственным кодом, запрограммированным в Objective C), и в более высоких уровнях (приложения для iPhone полностью поигравшие в песочнице и изолированы, объектная модель Android распределяется, и классы свободно вызываются между приложениями и библиотеками), Ваше заключительное приложение чувствовало бы себя посторонним и неуместным в любом из них. Думайте об отсутствии мультисенсорных в Android или отсутствии кнопок выделенного оборудования в iPhone.
Ваш лучший выбор состоял бы в том, чтобы разработать платформу определенный пользовательский интерфейс и иметь и логику ядра модели Вашего приложения в некотором языке сценариев. Тогда найдите интерпретатор в плоскости C (для iPhone) и один в Java (для Android.) Схема, Lisp и JavaScript могли отвечать всем требованиям. Просто удостоверьтесь, что интерпретатор не представлен конечным пользователям, или Вы нарушили бы iPhone NDA...
, Если Ваше приложение тяжело данными, Вы могли бы следовать модели многих приложений для iPhone и разработать интерфейсы собственного пользователя для iPhone и Android, и иметь всю прикладную логику в удаленном сервере. Ваш UI становится единственной установленной частью приложения, и все остальное размещается далеко в сети. Это имеет добавленное преимущество наличия возможности предложить профили роуминга между различными устройствами и веб-интерфейсом.
5 ответов
Вам не нужно использовать для этого важные или встроенные стили. Попробуйте
h2 {text-decoration:line-through;}
h2 span {text-decoration: none; border: 1px solid black;}
EDIT
В этом случае с tr, поскольку вы применили к нему текстовое оформление, вам нужно удалить текстовое оформление с того же элемента tr, а не td. В противном случае выполните:
tr td { text-decoration: whatever }
, а затем при необходимости
<td style="text-decoration: none;"></td>
Некоторое время назад был похожий вопрос , и согласно этому ответу вы не можете делать то, что пытаетесь выполнить.
РЕДАКТИРОВАТЬ: Учитывая ваши Например, почему бы просто не применить сквозную линию к элементам TD по отдельности
<html>
<head>
<style type="text/css">
td.deleted {text-decoration:line-through}
</style>
</head>
<body>
<table>
<tr>
<td class="deleted">this needs to be line-throughed</td>
<td>This shouldn't be line-throughed.</td>
</tr>
</table>
</body>
</html>
Линейный проход применяется к H2, поэтому вы должны снять его с H2.
<html>
<head>
<style type="text/css">
h2 {text-decoration:line-through}
h2.alt { text-decoration: none; }
h2.alt span { border: 1px solid black; }
</style>
</head>
<body>
<h2>Line-through</h2>
<h2 class="alt"><span>This is heading 2, and shouldn't be line-throughed.</span></h2>
</body>
</html>
(См. Здесь: http://jsbin.com/anopa / )
Дочерний элемент (диапазон) не может влиять на стиль родительского элемента (h2), к которому применяется стиль. Вы должны изменить место, где изначально был применен стиль.
Изменить: обновленный пример
Один из способов исправить это - изменить
tr {text-decoration:line-through}
на
tr td {text-decoration:line-through}
. В результате сквозная строка находится в отдельной ячейке таблицы, а не во всей строке. Это позволяет вам указать другой стиль для одной ячейки.
Кстати, похоже, что проблема не существует с примером кода, который вы указали в IE5.5 +. Однако в FF3.5 пример ведет себя так, как вы объяснили. Я не уверен, что на самом деле является правильным поведением.
Попробовать
<html>
<head>
<style type="text/css">
tr td {text-decoration:line-through;}
tr td.noline { text-decoration:none;}
</style>
</head>
<body>
<table>
<tr>
<td>this needs to be line-throughed</td>
<td class="noline">This shouldn't be line-throughed.</td>
</tr>
</table>
</body>
</html>
Обратите внимание, что для обоих используется стиль "tr td".