Вопросы Теги

CSS Селектор для выбора элемента, который прибывает ПЕРЕД другим элементом? [дубликат]

  1. Запустить проект в iPhone Simulator
  2. Создайте в файле TextEdit следующий файл, назовите его MyOffice, например. Сделайте расширение как .gpx enter image description here [/g0] <?xml version="1.0"?> <gpx version="1.0" creator="MyName"> <wpt lat="53.936166" lon="27.565370"> <name>MyOffice</name> </wpt> </gpx>
  3. Выберите в Xcode в области Simulate Add GPX File to Project... enter image description here [/g1]
  4. Добавьте созданный файл из меню для проекта.
  5. Теперь вы можете увидеть свое местоположение в области Simulate: enter image description here [/g2]
64
задан Dan Herbert 29 January 2009 в 18:19
поделиться

4 ответа

Было бы возможно использовать 'смежный одноуровневый селектор', если бы эти input был перед label. Просто поместите input перед эти label и затем измените расположение для помещения label перед input. Вот пример: 

<head runat="server">
    <title></title>
    <style type="text/css">
    input:focus + label {font-weight: bold}
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div style="direction:rtl">
        <input type="text" id="username" />
        <label for="username">Username:</label>
    </div>
    <div style="direction:rtl">
        <input type="password" id="password" />
        <label for="password">Password:</label>
    </div>
    </form>
</body>

(Это - своего рода взлом, я лично использовал бы JavaScript, чтобы сделать это) 

input:focus + label {font-weight: bold}
<form id="form1" runat="server">
  <div style="direction:rtl">
    <input type="text" id="username" />
    <label for="username">Username:</label>
  </div>
  <div style="direction:rtl">
    <input type="password" id="password" />
    <label for="password">Password:</label>
  </div>
</form>
24
ответ дан A.L 7 November 2019 в 12:18
поделиться

Нет никакого селектора, который даст Вам предыдущий элемент с помощью CSS..

необходимо будет использовать JavaScript для обработки то, что Вы после.

8
ответ дан JayTee 7 November 2019 в 12:18
поделиться

Используйте этот селектор: 

label[for=username]
{
font-weight: bold
}

это выберет маркировку, которая имеет значение 'имя пользователя' в атрибуте 'для'

5
ответ дан 7 November 2019 в 12:18
поделиться

Плавание входного элемента направо, достигает корректного порядка элемента, не изменяя порядок "Имени пользователя" и ":" в тексте метки, который Вы получаете с direction:rtl. 

<style type="text/css">
    form {text-align: right;}
    input:focus + label {font-weight: bold}
    input {float:right; clear:right;}
</style>
<form>
    <div>
        <input type="text" id="username" />
        <label for="username">Username:</label>
    </div>
    <div>
        <input type="password" id="password" />
        <label for="password">Password:</label>
    </div>
</form>
5
ответ дан Ole Helgesen 7 November 2019 в 12:18
поделиться
Другие вопросы по тегам:

Похожие вопросы: