Селекторы братьев и сестер должны работать на одном уровне дерева DOM. Вы вложили каждый элемент me
и you
в родительский элемент box
, а это значит, что эти правила селектора братьев и сестер никогда не будут работать. Я переместил классы you
и me
, чтобы разделить класс box
(первоначально родитель div
).
Чтобы добавить небольшой интервал между группировками you
и me
, я добавил следующее:
.you + .me,
.me + .you {
margin-top: 1em;
}
Для доступности и общей семантики HTML я думаю, что структура лучше всего подходит как ul
, так как это список сообщений чата. Я не изменил ваш HTML
, но вы, вероятно, должны сделать это в конечном итоге.
*{
box-sizing:border-box;
position:relative;
}
.container {
width:100%;
max-width:400px;
margin:0px auto;
padding:15px;
background-color:#fafafa;
border-radius:3px;
margin-top:50px;
border:1px solid #f5f5f5;
font-family: Arial,"Helvetica Neue",Helvetica,sans-serif;
}
.conversations {
display:inline-block;
width:100%;
padding:50px 0px;
}
.box {
width:100%;
padding:1px 0px;
display:inline-block;
font-size:14px;
font-weight:400;
}
.you {
max-width:60%;
border-radius:30px;
background-color:#d8dbdf;
padding:15px;
float:left;
}
.me {
max-width:60%;
border-radius:30px;
background-color:#0084ff;
padding:15px;
float:right;
color:#ffffff;
font-weight:300;
}
.you + .me{
border-bottom-right-radius: 5px;
}
.you + .me,
.me + .you{
margin-top: 1em;
}
.me + .me{
border-top-right-radius: 5px;
border-bottom-right-radius: 5px;
}
.box.me:last-of-type {
border-bottom-right-radius: 30px;
}
<div class="container">
<div class="conversations">
<div class="box you">1 Message</div>
<div class="box me">2 Message</div>
<div class="box me">3 Message</div>
<div class="box you">4 Message</div>
<div class="box you">5 Message</div>
<div class="box me">6 Message</div>
<div class="box me">6 Message</div>
</div>
</div>
Это должно сработать:
DialogResult dialogResult = MessageBox.Show("Sure", "Some Title", MessageBoxButtons.YesNo);
if(dialogResult == DialogResult.Yes)
{
//do something
}
else if (dialogResult == DialogResult.No)
{
//do something else
}
if (MessageBox.Show("Please confirm before proceed" + "\n" + "Do you want to Continue ?", "Confirm", MessageBoxButtons.YesNo, MessageBoxIcon.Question) == DialogResult.Yes)
{
//do something if YES
}
else
{
//do something if NO
}
MessageBox действительно создает DialogResults
DialogResult r = MessageBox.Show("Some question here");
. Вы также можете достаточно легко указать кнопки. Дополнительную документацию можно найти на http://msdn.microsoft.com/en-us/library/ba2a6d06.aspx
DialogResult dr = MessageBox.Show("Are you happy now?",
"Mood Test", MessageBoxButtons.YesNo);
switch(dr)
{
case DialogResult.Yes:
break;
case DialogResult.No:
break;
}
MessageBox класс - это то, что вы ищете.
MessageBox.Show(title, text, messageboxbuttons.yes/no)
Это возвращает DialogResult, который вы можете проверить.
Например,
if(MessageBox.Show("","",MessageBoxButtons.YesNo) == DialogResult.Yes)
{
//do something
}