Валентин

.radius {
     border: 10px 0 0 10px;
  }

:first-letter я думаю

if ($(window).outerWidth() < 630){
// ширина допустим меньше 630px значит моб. верстка
}

Можно так еще

.one-post .title {
    display: flex;
}

.one-post .title > a{
    margin: auto;
}

$('.block2');
$('.block2').html(); // возвращает html-содержимое выбранного элемента
$('.block2').text(); // вернет текстовое содержимое

Тебе нужен border-image

.line, .i {
    padding: 0;
    margin: 0;
}

Наверно это ты имел ввиду

body {
    background-attachment: fixed; 
   }

используя :before и :after

Разве что как-то так

https://jsfiddle.net/sqept5bo/

<form action="1.php" method="post" id="form">
<a href="#" class="btn btn-box" onclick="sendForm()">отправить</a>

function sendForm(){
	event.preventDefault();

	$.ajax({
		url: 'form.php',
		type: 'POST',
		data: $('#form').serialize(),
		success: function(response) {
			$('#result').html(response);
		}
	});	
}

при hover делаем animation либо opacity 0 -> 1, либо height 0 -> 100px, либо transform translateX

p.clip {
    white-space: nowrap; 
    overflow: hidden; 
    text-overflow: ellipsis; 
   }

<p class="clip">Магнитное поле ничтожно гасит большой круг небесной сферы, 
  в таком случае эксцентриситеты и наклоны орбит возрастают.</p>

Если я не ошибаюсь то нельзя, если нужно именно для класса highlights
Но на jquery без проблем

$("div .highlights").last().addClass("selected");

попробуй это
1. BigText
2. FitText.js

Если только на CSS, то нет

На jquery можно

$('.specification').on('focus', function(){
  $(this).parent('.input_group').css('border', '1px solid red');
});